-
window.onload = function(){ var oDiv = document.getElementById('div1'); oDiv.onmouseover = function(){ startMove(100);} oDiv.onmouseout = function(){ startMove(30);} var timer=null; function startMove(iTarget){ var oDiv = document.getElementById('div'); clearInterval(timer); timer = setInterval(function(){ if(oDiv.offsetAlpha == iTarget },30)查看全部
-
多屬性同時(shí)運(yùn)動(dòng)時(shí)，應(yīng)用flag表示所有屬性皆已到達(dá)目標(biāo)值，然后再結(jié)束運(yùn)動(dòng)。 function startMove(ele, data, fn){ timer = setInterval(function(){ var flag = true; for(var attr in data){ var val, speed; ...... if(val != data[attr]) flag = false; } if(flag){ clearInterval(timer); if(fn) fn(); }, 30); }查看全部
-
JS運(yùn)動(dòng)一定要記得判斷一下speed，防止出現(xiàn)小數(shù)點(diǎn)查看全部
-
1.offsetWidth屬性可以返回對(duì)象的padding+border+width屬性值之和，style.width返回值就是定義的width屬性值。 2.offsetWidth屬性僅是可讀屬性，而style.width是可讀寫(xiě)的。 3.offsetWidth屬性返回值是整數(shù)，而style.width的返回值是字符串。 4.style.width僅能返回以style方式定義的內(nèi)部樣式表的width屬性值。 原文地址是:http://www.51texiao.cn/javascriptjiaocheng/2015/0427/222.html查看全部
-
```查看全部
-
下面看一個(gè)很容易犯錯(cuò)的例子： <html> <head> <script type="text/javascript"> function buttonInit(){ for(var i=1;i<4;i++){ var b=document.getElementById("button"+i); b.addEventListener("click",function(){ alert("Button"+i);},false); } } window.onload=buttonInit; </script> </head> <body> <button id="button1">Button1</button> <button id="button2">Button2</button> <button id="button3">Button3</button> </body> </html> 當(dāng)文檔加載完畢，給幾個(gè)按鈕注冊(cè)點(diǎn)擊事件，當(dāng)我們點(diǎn)擊按鈕時(shí)，會(huì)彈出什么提示框呢？ 很容易犯錯(cuò)，對(duì)是的，三個(gè)按鈕都是彈出："Button4",你答對(duì)了嗎？ 當(dāng)注冊(cè)事件結(jié)束后，i的值為4，當(dāng)點(diǎn)擊按鈕時(shí)，事件函數(shù)即function(){ alert("Button"+i);}這個(gè)匿名函數(shù)中沒(méi)有i,根據(jù)作用域鏈，所以到buttonInit函數(shù)中找，此時(shí)i的值為4， 所以彈出”button4“。查看全部
-
獲取樣式瀏覽器兼容性查看全部
-
運(yùn)動(dòng)框架思路查看全部
-
創(chuàng)建定時(shí)器：setInterval(function(){ },30) 先清空定時(shí)器，在判斷條件。clearinterval（）;查看全部
-
<!-- 使用js實(shí)現(xiàn)透明度運(yùn)動(dòng)而不采用直接設(shè)置css的style.opacity屬性來(lái)改變透明度,這是因?yàn)閏ss的透明度的設(shè)置是一步到位，瞬時(shí)完成的，而使用js可以實(shí)現(xiàn)漸隱特效 --> opacity是不透明度，opacity為0時(shí)表示不透明度是0也就是完全透明(效果等同于css的隱藏) filter: alpha(opacity:30); /*IE瀏覽器專(zhuān)用，opacity屬性值為0~100*/ opacity:0.3; /*所有主流瀏覽器都支持opacity屬性。. 注意：IE8和早期版本支持另一種過(guò)濾器屬性。像：filter:Alpha(opacity=50),而IE8版本之前的opacity屬性值是0~1*/ 【沒(méi)有直接的屬性可以改變透明度，需要定義一個(gè)alpha】查看全部
-
不要用同一個(gè)變量綁定定時(shí)器(會(huì)出現(xiàn)一些問(wèn)題,比如清除其中一個(gè)定時(shí)器,其它的定時(shí)器都會(huì)被解除,因?yàn)橛玫氖峭粋€(gè)定時(shí)器)解決方法是給每個(gè)對(duì)象創(chuàng)建一個(gè)屬性,利用這個(gè)屬性給每個(gè)對(duì)象綁定定時(shí)器。不僅如此,公用的變量在多物體會(huì)出問(wèn)題。查看全部
-
獲取計(jì)算后的樣式方法調(diào)用查看全部
-
獲取計(jì)算后的樣式查看全部
-
運(yùn)動(dòng)框架實(shí)現(xiàn)思路查看全部
-
本次課程主要是學(xué)習(xí)了動(dòng)畫(huà)效果，從簡(jiǎn)單的動(dòng)畫(huà)到緩沖動(dòng)畫(huà) 多物體動(dòng)畫(huà)到鏈?zhǔn)絼?dòng)畫(huà)再到同時(shí)運(yùn)動(dòng)。囊括了大部門(mén)頁(yè)面的動(dòng)畫(huà)效果查看全部
舉報(bào)
0/150
提交
取消