[TextSnake]

Mit diesem Script wird der Mauszeiger ständig von einem Schriftzug begleitet.

[zwischen <HEAD> und </HEAD>]

<script>
<!-- Beginning of JavaScript -
/*
TextSnake by Peter Gehrig http://www.24fun.ch, info@24fun.ch, 10/26/1999
modified for DOM compatability by N8i (www.nightfire.ch)
*/


//Browser Sniffer
var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0;
var mozup = (!document.all && document.getElementById) ? 1 : 0;

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

// Ihre Nachricht. Wichtig: Am Ende ein Leerzeichen einfügen!!!
var message="Nightfire Webworker Archiv "
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
}

// Capturing MouseMove
function handlerMM(e) {
x = (ns4up || mozup) ? e.pageX : document.body.scrollLeft+event.clientX
y = (ns4up || mozup) ? e.pageY : document.body.scrollTop+event.clientY
flag = 1
}

if (ns4up) {
window.captureEvents(Event.MOUSEMOVE);
window.onMouseMove = handlerMM;
}
if (ie4up || mozup) {
window.document.onmousemove = handlerMM;
}

function makesnake() {
if (flag==1 && ie4up) {
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.all.span"+(i)+".style")
thisspan.posLeft=xpos[i]
thisspan.posTop=ypos[i]
}
}
if (flag==1 && ns4up) {
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]
}
}
if (flag==1 && mozup) {
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 = document.getElementById("span"+i).style
thisspan.left=xpos[i]
thisspan.top=ypos[i]
}
}
var timer=setTimeout("makesnake()",10)
}

// - End of JavaScript - -->
</script>

<STYLE>
.spanstyle {
position:absolute;
visibility:visible;
top:-50px;
font-size:10pt;
font-family:Verdana;
color:FF0000
}
.explainstyle {
position: absolute;
top:240px;
left:50px;
width:120px;
color:AAAAAA;
text-align:center;
font-size:9pt;
font-family:Arial;
font-weight:bold;
color:FFFFFF;
background-color:FF0000;
border:solid 2px FFFFFF;
}
</STYLE>

[in den <body> Tag]

onLoad="makesnake()"

[zwischen <BODY> und </BODY>]

<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>")
}


// - End of JavaScript - -->
</script>

[Autor]

Peter Gehrig
modified by N8i (www.nightfire.ch)

[Download]

kopieren Sie bitte den Quellcode

Copyright © 1998- Nightfire Webworker Archiv Script No: 0328