»
EnglishFrenchVietnamese

Print - Mouseover-Ruler - JavaScriptBank.com

Full version: jsB@nk » Link » Mouseover-Ruler
URL: https://www.javascriptbank.com/mouseover-ruler.html

Mouseover-Ruler © JavaScriptBank.comTwo 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



CSS
<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-->


JavaScript
<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-->


HTML
<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-->