Full version: jsB@nk » Link » Mouseover-Ruler
URL: https://www.javascriptbank.com/mouseover-ruler.html
Two dynamic horizontal and vertical rulers track the mouse and grow thicker whenever the mouse moves over a textlink.
Full version: jsB@nk » Link » Mouseover-Ruler
URL: https://www.javascriptbank.com/mouseover-ruler.html
<STYLE type=text/css>A {COLOR: #0000ff; FONT-FAMILY: Arial,Helvetica,sans-serif; TEXT-DECORATION: underline}A:visited {COLOR: #0000ff; FONT-FAMILY: Arial,Helvetica,sans-serif}A:hover {COLOR: #0000ff; FONT-FAMILY: Arial,Helvetica,sans-serif}</STYLE><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><SCRIPT><!-- Beginning of JavaScript -// Mouseover-Rulervar x = -50var y = -50var filteractive=0function filteraktivator(filterstatus) { filteractive=filterstatus}function positionrulers() {if(document.layers) {document.vertical.left=xdocument.horizontal.top=y if (filteractive==1) { document.vertical2.left=x document.horizontal2.top=y } if (filteractive==0) { document.vertical2.left=-50 document.horizontal2.top=-50 }}if(document.all) {document.all.vertical.style.posLeft=xdocument.all.horizontal.style.posTop=y if (filteractive==1) { document.all.vertical2.style.posLeft=x document.all.horizontal2.style.posTop=y } if (filteractive==0) { document.all.vertical2.style.posLeft=-50 document.all.horizontal2.style.posTop=-50 }} timer =setTimeout("positionrulers()",20)}function handlerMM(e){x = (document.layers) ? e.pageX : event.clientXy = (document.layers) ? e.pageY : event.clientY}if (document.layers){document.captureEvents(Event.MOUSEMOVE);}document.onmousemove = handlerMM;// - End of JavaScript - --></SCRIPT><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><BODY id=thisbody onload=positionrulers()><A href="http://JavaScriptBank.com" onmouseout="filteraktivator('0')" onmouseover="filteraktivator('1')" target=_blank>DHTML and and JavaScript</A><DIV id=horizontal style="LEFT: -50px; POSITION: absolute"><IMG height=1 src="ruler1511.gif" width=1600></DIV><DIV id=vertical style="POSITION: absolute; TOP: -50px"><IMG height=1600 src="ruler1511.gif" width=1></DIV><DIV id=horizontal2 style="LEFT: -50px; POSITION: absolute"><IMG height=7 src="ruler1511.gif" width=1600></DIV><DIV id=vertical2 style="POSITION: absolute; TOP: -50px"><IMG height=1600 src="ruler1511.gif" width=7></DIV></BODY><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->