В этой статье описывается метод автоматического вращения фонового изображения на основе скорости движения мыши. Поделитесь этим для вашей ссылки. Конкретный метод реализации следующим образом:
Скопируйте код следующим образом: <! 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">
<голова>
<title> JS понимает, что изображение быстро вращается вокруг мыши </title>
<meta http-equiv = "content-type" content = "text/html; charset = gb2312">
</head>
<тело>
<script language = "javascript">
<!-
var Images = '/favicon.ico';
var out = 7;
var speed = 1;
var runtime = 0;
var cntr = 0;
var xcntr = 100;
var pulse = 25;
var xpos = 0;
var ypos = 0;
отличаться;
var temp;
/*Если вы используете изображение больше или меньше, чем то, что я использовал
Курсор будет вне центра. Направьте 2 переменные ниже, чтобы сосредоточиться на нем.*/
var Updown = -10;
var Leftright = -5;
if (document.all) {
document.write ('<<div id = "iediv" style = "Положение: Absolute; Top: 0px; слева: 0px">');
document.write ('<<div id = "c" style = "позиция: относительно">');
для (n = 0; n <сумма; n ++)
document.write ('<img src = "'+images+'" style = "Положение: Absolute; Top: 0px; слева: 0px; видимость: скрытая">');
document.write ('</div>');
document.write ('</div>');
Функция следующего за mouse () {
Xpos = document.body.scrollleft+event.x+updown;
Ypos = document.body.scrolltop+event.y+Leftright;
}
document.onmouseMove = followmouse;
}
иначе if (document.layers) {
window.captureEvents (Event.MouseMove);
Функция xfollowmouse (evnt) {
Xpos = evnt.pagex+Updown;
Ypos = evnt.pagey+Leftright;
}
window.onmouseMove = xfollowmouse;
для (ns = 0; ns <сумма; ns ++)
document.write ("<name = 'n"+ns+"' left = '0' top = '0' visebility = 'hide'> <img src = '"+images+"'> </layer>");
}
функция msi () {
if (document.layers) {
для (i = 0; i <ns; i ++)
{
temp = "n"+i
document.layers [0] .visibility = 'show';
document.layers [0] .top = ypos+cntr*math.cos ((время выполнения+i*4.5)/5);
document.layers [0] .left = xpos+cntr*math.sin ((время выполнения+i*4.5)/5);
}
cntr+= 1;
Время выполнения+= скорость;
stp = settimeout ('msi ()', 10);
if (cntr> = 100)
{
cntr = 100;
скорость = 2,5;
для (i = 0; i <ns; i ++)
{
temp = "n"+i
document.layers [temp] .visibility = 'show';
document.layers [temp] .top = ypos+cntr*math.cos (((время выполнения-100)*i/90);
document.layers [temp] .left = xpos+cntr*math.sin (()*i/90);
}
}
if (время выполнения> 182)
{
скорость = 0,5;
для (i = 0; i <ns; i ++)
{
temp = "n"+i
document.layers [temp] .top = ypos+xcntr*math.cos (((время выполнения-182)+i*4.5)/5);
document.layers [temp] .left = xpos+xcntr*math.sin (((время выполнения-182)+i*4.5)/5)*math.cos (((время выполнения-182)/5);
}
}
}
еще if (document.all) {
для (i = 0; i <iediv.all.c.all.length; i ++)
{
iediv.all.c.all [0] .style.visibility = 'visible';
iediv.all.c.all [0] .style.top = ypos+cntr*math.cos ((время выполнения+i*4.5)/5);
iediv.all.c.all [0] .style.left = xpos+cntr*math.sin ((время выполнения+i*4.5)/5);
}
cntr+= 1;
Время выполнения+= скорость;
stp = settimeout ('msi ()', 10);
if (cntr> = 100)
{
cntr = 100;
скорость = 2,5;
для (i = 0; i <iediv.all.c.all.length; i ++)
{
iediv.all.c.all [i] .style.visibility = 'visible';
iediv.all.c.all [i] .style.top = ypos+cntr*math.cos (((время выполнения-100)*i/90);
iediv.all.c.all [i] .style.left = xpos+cntr*math.sin (()*i/90);
}
}
if (время выполнения> 182)
{
скорость = 0,5;
для (i = 0; i <iediv.all.c.all.length; i ++)
{
iediv.all.c.all [i] .style.top = ypos+xcntr*math.cos (((время выполнения-182)+i*4.5)/5);
iediv.all.c.all [i] .style.left = xpos+xcntr*math.sin (((время выполнения-182)+i*4.5)/5)*math.cos (((время выполнения-182)/5);
}
}
}
if (время выполнения> 210)
{
xcntr- = 10;
}
if (document.layers)
_y = -window.innerwidth-90;
иначе if (document.all)
_y = -document.body.clientWidth-90;
if (xcntr <= _y)
{
Время выполнения = 0;
скорость = 1;
cntr = 0;
xcntr = 100;
}
}
msi ()
//->
</script>
<script language = "javascript">
<!-
функция selectall (thefield) {
var tempval = eval ("document."+thefield)
tempval.focus ()
tempval.select ()
}
//->
</script>
</body>
</html>
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.