»
EnglishFrenchVietnamese

Print - DHTML Script - CursorFollow_Simple - JavaScriptBank.com

Full version: jsB@nk » Pointer » Trailer » DHTML Script - CursorFollow_Simple
URL: https://www.javascriptbank.com/dhtml-cursorfollow-simple.html

DHTML Script - CursorFollow_Simple © JavaScriptBank.comThis is a simpler version of the cursorfollow script. You just place whatever you want to follow the mouse in the divCursor and it will follow the mouse around.

Full version: jsB@nk » Pointer » Trailer » DHTML Script - CursorFollow_Simple
URL: https://www.javascriptbank.com/dhtml-cursorfollow-simple.html



CSS
<STYLE type=text/css>#divCursor {HEIGHT: 15px; POSITION: absolute; WIDTH: 100px}</STYLE><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


JavaScript
<SCRIPT language=JavaScript type=text/javascript>//Default browsercheck, added to all scripts!function checkBrowser(){this.ver=navigator.appVersionthis.dom=document.getElementById?1:0this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;this.ie4=(document.all && !this.dom)?1:0;this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;this.ns4=(document.layers && !this.dom)?1:0;this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5)return this}bw=new checkBrowser()//Set these variables:fromLeft=10 // How much from the left of the cursor should the div be?fromTop=10 // How much from the top of the cursor should the div be?/********************************************************************Initilizes the objects*********************************************************************/function cursorInit(){oCursor=new makeCursorObj('divCursor')scrolled=bw.ns4 || bw.ns5?"window.pageYOffset":"document.body.scrollTop"if(bw.ns4)document.captureEvents(Event.MOUSEMOVE)document.onmousemove=move;}/********************************************************************Contructs the cursorobjects*********************************************************************/function makeCursorObj(obj,nest){nest=(!nest) ? '':'document.'+nest+'.'   this.css=bw.dom? document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+"document.layers." +obj):0;this.moveIt=b_moveIt; return this}function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x; this.css.top=this.y}/********************************************************************Tracking the mousemove and moves the object along.*********************************************************************/function move(e){x=bw.ns4 || bw.ns5?e.pageX:event.xy=bw.ns4 || bw.ns5?e.pageY:event.yif(bw.ie4 || bw.ie5) y=y+eval(scrolled)oCursor.moveIt(x+fromLeft,y+fromTop)}onload=cursorInit;</SCRIPT><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->