首頁 > web前端 > js教程 > 主體

JS實作跟隨滑鼠閃爍轉動色塊的方法_javascript技巧

WBOY
發布: 2016-05-16 16:12:50
原創
1237 人瀏覽過

本文實例講述了JS實作跟隨滑鼠閃爍轉動色塊的方法。分享給大家供大家參考。具體實作方法如下:

複製程式碼 程式碼如下:


JS跟隨滑鼠閃爍轉動的色塊


');
document.write('');
ini=1;
gstep=1;
function iMouse(){
my=event.y;mx=event.x;
}
document.onmousemove=iMouse
function dim(){
ini-=gstep;
dt=setTimeout('dim()',10);
if (ini clearTimeout(dt);
glow();
}
}
function glow(){
ini =gstep;
gt=setTimeout('glow()',10);
if (ini > 14){
clearTimeout(gt);
dim();
}
}
function stars(){
ie.style.top=document.body.scrollTop;
for (i=0; i  {
 var layer=iestars[i].style;
 layer.filter='glow(color=' colours[i] ', strength=' ini ')';
layer.top= Ydelay 100*Math.sin((5*Math.sin((currStep-15.99)/10)) i*70)*Math.sin((currStep)/10)*Math.cos((currStep i *25)/10);
layer.left=Xdelay 180*Math.cos((5*Math.sin((currStep-15.99)/10)) i*70)*Math.sin((currStep)/10)*Math.cos((currStep i *25)/10);
 }
currStep =step;
}
function delay(){
Ydelay = YgetDelay =(my-YgetDelay)*1/20;
Xdelay = XgetDelay =(mx-XgetDelay)*1/20;
stars();
setTimeout('delay()',10);
}
delay();
glow();
}
//-->


希望本文所述對大家的javascript程式設計有所幫助。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板