|
Check out
these Rock Star cursors! I've made Rock Star minis for you that you can
use for cursor trailers, like the one of Britney Spears on this page. To
put them on your page too, follow these directions:
1. Copy
the images individually to a floppy disc. Keep the same names shown below to
make it easier for yourself. For all sets except Christina, you will have
5 images copied
Backstreet
Boys
    
images
called: bs1.gif; bs2.gif; bs3.gif; bs4.gif; bs5.gif
Limp Bizkit
    
images
called: biz1a.gif; biz2a.gif; biz3a.gif; biz4a.gif; biz5a.gif
Britney
Spears
    
images
called: britney101.gif; britney102.gif; britney103.gif; britney104.gif;
britney105.gif
Christina
Aguilera
image called:
christina101.gif
NSYNC
    
images
called: n1.gif; n1.gif; n3.gif; n4.gif; n5.gif
Eminem
image called:
mnm.gif
2. Copy and paste the
script into the html code for your page. Place it just below the
<body> tag.
3. Look at the script
below. See the image names in red? Change them to the names of the
graphics you want to use. For Christina or Eminem, put the same image name in
all 5 places. Be careful if you are on a server that
puts images into a separate directory, or if you put all your images in one. You will have to put in
"images/graphicname.gif" if you do.
HERE IS THE
SCRIPT:
<script>
/*
Cross browser cursor trailer script
By Brian Caputo (bcaputo@icdc.com)
Permission given to Dynamicdrive.com
to feature the script in it's DHTML archive
For 100's more DHTML scripts and components,
visit Dynamicdrive.com
*/
B=document.all;
C=document.layers;
T1=new Array("graphic1.gif",20,19,"graphic2.gif",18,17,"graphic3.gif",16,15,"graphic4.gif",14,13,"graphic5.gif",12,11)
nos=parseInt(T1.length/3)
rate=50
ie5fix1=0;
ie5fix2=0;
for (i=0;i<nos;i++){
createContainer("CUR"+i,i*10,i*10,i*3+1,i*3+2,"","<img src='"+T1[i*3]+"' width="+T1[(i*3+1)]+" height="+T1[(i*3+2)]+" border=0>")}
function createContainer(N,Xp,Yp,W,H,At,HT,Op,St){
with (document){
write((!B) ? "<layer id='"+N+"' left="+Xp+" top="+Yp+" width="+W+" height="+H : "<div id='"+N+"'"+" style='position:absolute;left:"+Xp+"; top:"+Yp+"; width:"+W+"; height:"+H+"; ");
if(St){
if (C)
write(" style='");
write(St+";' ")
}
else write((B)?"'":"");
write((At)? At+">" : ">");
write((HT) ? HT : "");
if (!Op)
closeContainer(N)
}
}
function closeContainer(){
document.write((B)?"</div>":"</layer>")
}
function getXpos(N){
return (B) ? parseInt(B[N].style.left) : C[N].left
}
function getYpos(N){
return (B) ? parseInt(B[N].style.top) : C[N].top
}
function moveContainer(N,DX,DY){
c=(B) ? B[N].style :C[N];c.left=DX;c.top=DY
}
function cycle(){
//if (IE5)
if (document.all&&window.print){
ie5fix1=document.body.scrollLeft;
ie5fix2=document.body.scrollTop;
}
for (i=0;i<(nos-1);i++){
moveContainer("CUR"+i,getXpos("CUR"+(i+1)),getYpos("CUR"+(i+1)))
}
}
function newPos(e){
moveContainer("CUR"+(nos-1),(B)?event.clientX+ie5fix1:e.pageX+2,(B)?event.clientY+ie5fix2:e.pageY+2
)
}
if(document.layers)
document.captureEvents(Event.MOUSEMOVE)
document.onmousemove=newPos
setInterval("cycle()",rate)
</script>
Please note:
The Christina Aguilera, Britney Spears, and Backstreet Boys were made by me!
Limp Bizkit and NSYNC are from Flip
Flop Flyin
|
