Texte "accroché" au curseur
Exemple: cliquez ici!
à placer après <HEAD>:
<style type="text/css">#divCursor { HEIGHT: 15px; POSITION: absolute; WIDTH: 100px } </style> <script language="JavaScript" type="text/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() //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? 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>
à placer après <BODY>:
<div id="divCursor"> <p>www.lesitedechristophe.fr.st </p>
Retour aux scripts divers
Retour au sommaire