ladiitaurus
08-22-2004, 05:48 PM
Hey well I was looking around and I came across this :
How do I make a trailing cursor with text? (IE only) This is a REALLY awesome script that makes any word, phrase or sentence you pick follow your cursor. You can even pick which font and font color you would like. Add this tag in your head tag, making sure you substitute your message and your font name and color (this script is used here with written permission of the author (Peter Gehrig--visit his page, he has lots of cool scripts!!):
See I dont know what to do........I guess I have to wait until Im approved or something rt? Well thankx a lot if you guys can help me and if you cant thankx ne wayz.........laterz
Greeno
08-22-2004, 08:32 PM
Is this what you want? http://www.lissaexplains.com/javascript.shtml#cursortext
ladiitaurus
08-23-2004, 12:09 AM
yeah thats the one......how do i do that........pls help me..thankx again
starlet
08-23-2004, 12:12 AM
It has the instructions on the page....
Trailing Cursor with Text Instructions from http://www.lissaexplains.com
Add this tag to your "head" tag:
<style>
.spanstyle {
position:absolute;
visibility:visible;
top:-50px;
font-size:10pt;
font-family:comic sans ms;
font-weight:bold;
color:black;
}
</style>
<script>
/*
This cool Cursor trailer text is authored by Peter Gehrig (http://www.24fun.com/)
This script is provided free at Lissa Explains it All (http://www.lissaexplains.com)
*/
var x,y
var step=20
var flag=0
// Your snappy message. Important: the space at the end of the sentence!!!
var message="Lissa Explains it All! "
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
}
function makesnake() {
if (flag==1 && document.all) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y
for (i=0; i<message.length-1; i++) {
var thisspan = eval("span"+(i)+".style")
thisspan.posLeft=xpos[i]
thisspan.posTop=ypos[i]
}
}
else if (flag==1 && document.layers) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y
for (i=0; i<message.length-1; i++) {
var thisspan = eval("document.span"+i)
thisspan.left=xpos[i]
thisspan.top=ypos[i]
}
}
var timer=setTimeout("makesnake()",30)
}
</script>
</textarea></form><BR><BR>
Next you have to add this tag in the body section of your page:<BR><BR>
<form ACTION=URI>
<textarea rows="8" name="S1" cols="40" wrap="virtual" style="width:90%" style="background:#ffffff" style="font-family:verdana" style="color:#000000" style="border style:solid">
<script>
<!-- Beginning of JavaScript -
for (i=0;i<=message.length-1;i++) {
document.write("<span id='span"+i+"' class='spanstyle'>")
document.write(message[i])
document.write("</span>")
}
if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
// - End of JavaScript - -->
Next you have to add this tag RIGHT AFTER the body tag:
<form ACTION=URI><textarea rows="5" name="S1" cols="40" wrap="virtual" style="width:90%" style="background:#ffffff" style="font-family:verdana" style="color:#000000" style="border style:solid">
<body onLoad="makesnake()" style="width:100%;overflow-x:hidden;overflow-y:scroll">
That's all!
Good luck,
Lissa