« »

This 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.

Label: DHTML Script - CursorFollow_Simple

Report to us error of this JavaScript

Demo
Enlarge
Reload
New window

Code
CSS
JavaScript
Print

Copy All x2

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

Copy All x2

<SCRIPT language=JavaScript type=text/javascript>
//Default browsercheck, added to all scripts!
function checkBrowser(){
	this.ver=navigator.appVersion
	this.dom=document.getElementById?1:0
	this.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.x
	y=bw.ns4 || bw.ns5?e.pageY:event.y
	if(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
	-->