Kigyozó szöveg az egér mellett.

Ismét egy egéreffekt került az étlapra... A script müködik IE es NETSCAPE alatt is.
A kiirandó szöveg külalakját a HEAD elején elhelyezett STYLE állítja be.
Magát a szöveget a message változó tárolja.
! FONTOS HOGY A SZÖVEG VÉGÉN LEGYEN EGY SZÓKÖZ !

Müködéséröl nagy szavakban:
Elöszöris annyi <span>-t rakunk ki a képernyöre, ahány karakterböl áll a message, és mindegyikbe beletesszük a split() elemfügvénnyel tokenizált message egy-egy betüjét.
Ha megmozdítjuk az egeret, a document.onmousemove metódusa aktivizálódik, ami meghívja a mi handlerMM() fügvényünket.
Ez eltárolja a megváltozott x és y koordinátákat, majd makesnake() fügvény rendre átrajzolja a betüket az új helyükre.

Eredmény:
Nézz az egérre

Install:
Tedd a HEAD kódját a HEAD-be, a BODY kódját a BODY-n belü bárhova, a többit olvasd fenntebb.
Ha van már valami a BODY onLoad-jában, akkor kommentezd ki (//) a HEAD script utolsó sorát,
// window.onload=makesnake
majd az makesnake()-t írd hozzá az onLoad-hoz.
pl.: <body onload="akarmi(); makesnake()">

A forráskód:

<HEAD>

<STYLE>
.spanstyle {
	COLOR: black; 
	FONT-FAMILY: Verdana; 
	FONT-SIZE: 10pt; 
	FONT-WEIGHT: bold; 
	POSITION: absolute; 
	TOP: -50px; 
	VISIBILITY: visible
}
</STYLE>
<SCRIPT>

var x,y
var step=15 //betuszelesseg
var flag=0

var message="/\\\\/\\\\@mO - Honlapja "
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)
}
window.onload=makesnake
</SCRIPT>

Másold a vágólapra

<BODY>

Másold a vágólapra