تصف هذه المقالة طريقة تلقائي صورة الخلفية استنادًا إلى سرعة حركة الماوس. شاركه للرجوع إليه. طريقة التنفيذ المحددة هي كما يلي:
انسخ الرمز على النحو التالي: <! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<title> يدرك JS الصورة التي تدور بسرعة حول الماوس </title>
<meta http-equiv = "content-type" content = "text/html ؛ charset = gb2312">
</head>
<body>
<script language = "javaScript">
<!-
var images = '/favicon.ico' ؛
مبلغ var = 7 ؛
var speed = 1 ؛
var وقت التشغيل = 0 ؛
var cntr = 0 ؛
var xcntr = 100 ؛
var pulse = 25 ؛
var xpos = 0 ؛
var ypos = 0 ؛
يتغير؛
var temp ؛
/*إذا كنت تستخدم صورة أكبر أو أصغر من الصورة التي استخدمتها
سيكون المؤشر خارج الوسط.
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 = "الموضع: النسبي">') ؛
ل (ن = 0 ؛ ن <كمية ؛ n ++)
document.write ('<img src = "'+images+'" style = "الموضع: absolute ؛ top: 0px ؛ اليسار: 0px ؛ الرؤية: مخفي">') ؛
document.write ('</div>') ؛
document.write ('</div>') ؛
وظيفة متابعة () {
XPOS = document.body.scrollleft+event.x+updown ؛
ypos = document.body.scrolltop+event.y+leftright ؛
}
document.onmousemove = followmouse ؛
}
آخر إذا (document.layers) {
window.captureevents (event.mousemove) ؛
وظيفة xfollowmouse (evnt) {
XPOS = evnt.pagex+updown ؛
ypos = evnt.pagey+leftright ؛
}
window.onmousemove = xfollowmouse ؛
لـ (ns = 0 ؛ ns <come ؛ ns ++)
document.write ("<layer name = 'n"+ns+"' left = '0' top = '0' corration = 'Hide'> <img src = '"+images+"'> </layer>") ؛
}
وظيفة msi () {
if (document.layers) {
لـ (i = 0 ؛ i <ns ؛ i ++)
{
temp = "n"+i
document.layers [0] .vibility = '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) ؛
إذا (CNTR> = 100)
{
CNTR = 100 ؛
السرعة = 2.5 ؛
لـ (i = 0 ؛ i <ns ؛ i ++)
{
temp = "n"+i
document.layers [temp] .vibility = '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) ؛
}
}
إذا (وقت التشغيل> 182)
{
السرعة = 0.5 ؛
لـ (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 ((RunTime-182)/5) ؛
}
}
}
آخر إذا (document.all) {
لـ (i = 0 ؛ i <iediv.all.c.all.length ؛ i ++)
{
iediv.all.c.all [0] .style.vibility = '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) ؛
إذا (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]
iediv.all.c.all [i]
}
}
إذا (وقت التشغيل> 182)
{
السرعة = 0.5 ؛
لـ (i = 0 ؛ i <iediv.all.c.all.length ؛ i ++)
{
iediv.all.c.all [i]
iediv.all.c.all [i]
}
}
}
إذا (وقت التشغيل> 210)
{
xcntr- = 10 ؛
}
if (document.layers)
_y = -window.innerwidth-90 ؛
آخر إذا (document.all)
_y = -document.body.clientwidth-90 ؛
إذا (xcntr <= _y)
{
وقت التشغيل = 0 ؛
السرعة = 1 ؛
CNTR = 0 ؛
xcntr = 100 ؛
}
}
MSI ()
//->
</script>
<script language = "javaScript">
<!-
وظيفة selecall (thefield) {
var tempval = eval ("document."+thefield)
tempval.focus ()
tempval.select ()
}
//->
</script>
</body>
</html>
آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.