free javascript : Text around mouse

Copy the Below Code and Paste it in HTML in Blogger post anywhere or flow like this > sing in > Design > Layout > Add a gadget > HTML/JavaScript and Paste the code and save it.

<!-- SUMMARY BRIEF

This DHTML script will make a text message follow
 your cursor around the screen. You can change the
 message to say whatever you want.

You can change the font face, color and size in
 the .trailersytle tag below. You can change the message
 in the javascript below that. Just look for the 
 comment that says "Insert your personal message below."

-->

<script>
<!--

var x,y
var step=20
var flag=0

// Insert your personal message below.
// Important: Do NOT remove the space at the end of the sentence!!!

var message=" my-javacodes.blogspot.com "
message=message.split("")

var xpos=new Array()
for (i=0;i<=message.length-1;i++) {
 xpos[i]=-50
}

var ypos=new Array()
for (i=0;i<=message.length-1;i++) {
 ypos[i]=-50
}

function handlerMM(e){
 x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
 y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
 flag=1
}

//-->
</script>

<script>
<!--

for (i=0;i<=message.length-1;i++) {
    document.write("<span id='span"+i+"' class='trailerstyle'>")
 document.write(message[i])
    document.write("</span>")
}

if (document.layers){
 document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;

//-->
</script>

example:
<body onLoad="mousetrailer()" style="width:100%;overflow-x:hidden;overflow-y:scroll">

--> my-javacodes.blogspot.com --> example:

free javascript

Pages

About

Blogger templates

Text around mouse

No comments:

Post a Comment