Message cursor javascript.

Hypergurl

Simple Mouse Cursor Javascript. Message follows your mouse cursor.

Home | Javascripts | Javascript Generators | HTML Tutorial | CSS Scripts | Free Online Games | iPhone Apps | Templates | Site Map

Your message will follow the mouse

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

Message Cursor Javascript

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

Search Site

Custom Search

Home | Sitemap | Email Hypergurl | Privacy Policy

Site design copyright 2000 - 2011 © Tanya Puntti Hypergurl.com