Message cursor javascript.

Your message will follow the mouse

Simple Mouse Cursor Javascript
Message follows your mouse cursor

Handy Tip : Placing a message right on the cursor pointer is a sure way to attract the attention of the visitor.

Bookmark This Page

Message Cursor Javascript by Thomas Brattli

As you can see, this simple mouse cursor script trails a message of your choice behind your cursor. Very useful as the message is always in view.

STEP 1

Copy the code below and paste this into the <head> of your html document.

<style 
type="text/css"> #divCursor{position:absolute; width:100; height:15;} 
</style> <script type="text/javascript" language="JavaScript"> 
/******************************************************************************** 
Copyright (C) 1999 Thomas Brattli This script is made by and copyrighted to Thomas 
Brattli at www.bratta.com Visit for more great scripts. This may be used freely 
as long as this msg is intact! I will also appreciate any links you could give 
me. Distributed by http://www.hypergurl.com ********************************************************************************/ 
//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>

STEP 2

Copy the code below and paste this below the <body> tag of your html document.

All normal html functions can be applied to the message text.

Enjoy!

Hypergurl Hosting

IMPROVED PLANS
FREE Domain Name

web hosting and domain registration

NEW!
Blog for Webmasters

Website Design

Email Hypergurl

Link To Hypergurl

Site design copyright 2001-2006 � hypergurl.com