마우스를 따라다니는 글이나 이미지

쓸만한데요... 태그 연습장에서 실행해보세요. 아래는 텍스트지만 이미지를 넣어두 상관없습니다.

:: Explorer5 Explorer4 Nascape4 Nascape5 모두의 브라우저 모드에 적용하는 스크립이
   포함되어있다.

:: divCursor: 객체이름.
<style type="text/css">
#divCursor{position:absolute; width:100; height:15;}
</style>  
<script type="text/javascript" language="JavaScript">
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()
fromLeft=10
fromTop=10

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

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}

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>

<div id="divCursor"> <font face="Verdana, Arial, Helvetica, sans-serif" size="1">This will follow the mouse </font></div>