Dieser Artikel beschreibt die Methode, das Hintergrundbild automatisch basierend auf der Mausbewegungsgeschwindigkeit zu drehen. Teilen Sie es für Ihre Referenz. Die spezifische Implementierungsmethode lautet wie folgt:
Kopieren Sie den Code wie folgt: <! DocType html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<kopf>
<titels> JS erkennt das Bild, um sich schnell um die Maus zu drehen </title>
<meta http-äquiv = "content-type" content = "text/html; charSet = gb2312">
</head>
<body>
<script Language = "JavaScript">
<!-
var images = '/favicon.ico';
var Menge = 7;
var speed = 1;
var runtime = 0;
var cntr = 0;
var xcntr = 100;
var pulse = 25;
var xpos = 0;
var ypos = 0;
var _y;
var temp;
/*Wenn Sie ein Bild verwenden, das größer oder kleiner ist als das, das ich verwendet habe
Der Cursor wird aus der Mitte sein.
var updown = -10;
var leftright = -5;
if (document.all) {
document.write ('<div id = "iediv" style = "Position: absolut; top: 0px; links: 0px">');
document.write ('<div id = "c" style = "Position: relativ">');
für (n = 0; n <Menge; n ++)
document.write ('<img src = "'+bilder+'" style = "Position: absolut; top: 0px; links: 0px; Sichtbarkeit: versteckt">');
document.write ('</div>');
document.write ('</div>');
Funktion folgeMouse () {
Xpos = document.body.scrollleft+event.x+updown;
Ypos = document.body.scrolltop+event.y+leftright;
}
document.onmousemove = folgeMouse;
}
sonst if (document.layers) {
window.captureEvents (event.mousemove);
Funktion XFollowmouse (evnt) {
Xpos = evnt.pagex+updown;
Ypos = evnt.pagey+leftright;
}
window.onmousemove = xFollowmouse;
für (ns = 0; ns <Menge; ns ++)
document.write ("<layer name = 'n"+ns+"' links = '0' top = '0' Sichtbarkeit = 'hide'> <img src = '"+' im Bilder+"'> </layer>");
}
Funktion msi () {
if (document.layers) {
für (i = 0; i <ns; i ++)
{
temp = "n"+i
document.layers [0] .vissibility = 'show';
document.layers [0] .top = ypos+cntr*math.cos ((Laufzeit+i*4.5)/5);
document.layers [0] .left = xpos+cntr*math.sin ((Laufzeit+i*4.5)/5);
}
CNTR+= 1;
Laufzeit+= Geschwindigkeit;
STP = setTimeout ('MSI ()', 10);
if (cntr> = 100)
{
CNTR = 100;
Geschwindigkeit = 2,5;
für (i = 0; i <ns; i ++)
{
temp = "n"+i
document.layers [temp] .vissibility = 'show';
document.layers [temp] .top = ypos+cntr*math.cos ((runtime-100)*i/90);
document.layers [temp] .left = xpos+cntr*math.sin ((runtime-100)*i/90);
}
}
if (Laufzeit> 182)
{
Geschwindigkeit = 0,5;
für (i = 0; i <ns; i ++)
{
temp = "n"+i
document.layers [temp] .top = ypos+xcntr*math.cos ((runtime-182)+i*4.5)/5);
document.layers [temp] .left = xpos+xcntr*math.sin ((runtime-182)+i*4.5)/5)*Math.cos ((Laufzeit 182)/5);
}
}
}
sonst if (document.all) {
für (i = 0; i <iediv.all.c.all.length; i ++)
{
iediv.all.c.all [0] .style.visibility = 'sichtbar';
iediv.all.c.all [0] .style.top = ypos+cntr*Math.cos ((Laufzeit+i*4.5)/5);
iediv.all.c.all [0] .style.left = xpos+cntr*Math.sin ((Laufzeit+i*4.5)/5);
}
CNTR+= 1;
Laufzeit+= Geschwindigkeit;
STP = setTimeout ('MSI ()', 10);
if (cntr> = 100)
{
CNTR = 100;
Geschwindigkeit = 2,5;
für (i = 0; i <iediv.all.c.all.length; i ++)
{
iediv.all.c.all [i] .style.visibility = 'sichtbar';
iediv.all.c.all [i] .style.top = ypos+cntr*math.cos ((runtime-100)*i/90);
iediv.all.c.all [i] .style.left = xpos+cntr*math.sin ((runtime-100)*i/90);
}
}
if (Laufzeit> 182)
{
Geschwindigkeit = 0,5;
für (i = 0; i <iediv.all.c.all.length; i ++)
{
iediv.all.c.all [i] .style.top = ypos+xcntr*math.cos (((Laufzeit-182)+i*4.5)/5);
iediv.all.c.all [i] .style.left = xpos+xcntr*math.sin (((Laufzeit-182)+i*4.5)/5)*Math.cos ((Laufzeit 182)/5);
}
}
}
if (Laufzeit> 210)
{
xcntr- = 10;
}
if (document.layers)
_y = -Window.innnerWidth-90;
sonst wenn (document.all)
_y = -dokument.body.clientwidth-90;
if (xcntr <= _y)
{
Laufzeit = 0;
Geschwindigkeit = 1;
CNTR = 0;
xcntr = 100;
}
}
MSI ()
//->
</script>
<script Language = "JavaScript">
<!-
Funktion selectAll (Thefield) {
var tempval = eval ("Dokument"+Thefield)
tempval.focus ()
tempval.select ()
}
//->
</script>
</body>
</html>
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.