JavaScript - Scriptový poprask

Napsal O webu (») 6. 7. 2004 v kategorii Programování, přečteno: 741×
Tímto skriptem bych chtěl naznačit to, že teď v této sekci po nějakou dobu budou jen příklady. Zatím tu máte velice povedený, ale nepříliš povedený na to, aby si ho dával nějaký magor na stránku. Je to otravné. Ale stejně se podívejte...

<html>

<head>
<title>Kurzor za myší</title>
<script language="JavaScript">
<!--

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

var message="Visit my website ! "
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 : event.clientX
y = (document.layers) ? e.pageY : 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("document.all.span"+(i)+".style")
thisspan.posLeft=xpos[i]
thisspan.posTop=ypos[i]
}
}

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()",10)
}

//-->
</script>

<style>
.spanstyle {
position:absolute;
visibility:visible;
top:-50px;
font-size:10pt;
font-family:Arial;
color:FFABCD
}
a { color:FFFFCC; text-decoration:none }
a:hover { color:FFFFCC; text-decoration:underline }
a:visited { color:FFFFCC }
</style>
</head>

<body bgcolor="#040684" onLoad="makesnake()">
<script language="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;

//-->
</script>

<p align="center"><font face="Arial" size="3" color="#FFFFFF">ElCon page</font></p>
<p align="center"><font face="Arial" size="6" color="#FFFFFF"><a
href="http://sweb.cz/elcon" target="_blank">sweb.cz/elcon</a></font></p>
</body>
</html>


Autor: ElCon
Facebook Twitter Topčlánky.cz Linkuj.cz

Komentáře

Článek ještě nebyl okomentován.


Nový komentář

Téma:
Jméno:
Notif. e-mail *:
Komentář:
  [b] [obr]
Odpovězte prosím číslicemi: Součet čísel tři a osm