-
js獲取非行間樣式查看全部
-
執行定時器動畫時，要記住在執行下一個前清空前一個定時器，防止動畫再重復累加查看全部
-
定義IE和火狐的透明度查看全部
-
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>opacity</title> <style> #div1{ width:200px; height:200px; background: #cd0000; filter:alpha(opacity:30); opacity:0.3; } </style> <script> window.onload=function(){ var oDiv=document.getElementById("div1"); oDiv.onmouseover=function(){ startMove(100); } oDiv.onmouseout=function(){ startMove(30); } } var timer=null; var alpha=30; function startMove(iTarget){ var oDiv=document.getElementById("div1"); clearInterval(timer); timer=setInterval(function(){ var speed=0; // 當 iTarget=0時： if(alpha>iTarget){ speed=-10; }else{ // 當itarget=100的時候 speed=10; } if(alpha==iTarget){ clearInterval(timer); }else{ alpha+=speed; oDiv.style.filter='alpha(opacity:'+alpha+')'; oDiv.style.opacity=alpha/100; } },30) } </script> </head> <body> <div id="div1"></div> </body> </html>查看全部
-
可將速度和目標距離以參數speed,iTarget的形式傳入函數中查看全部
-
鼠標移出時，offsetLeft的值從0回復到-200查看全部
-
多次調用含有定時器的函數時，要在開始時清除已經啟動的定時器查看全部
-
使用定時器控制oDiv的運動，offsetleft獲取當前元素與頁面左邊距查看全部
-
運動框架分類查看全部
-
oDiv.style.filter = 'alpha(opacity'+alpha+')' oDiv.style.opacity = alpha/100;查看全部
-
json遍歷方法 for(var i in json)查看全部
-
Math.round() 四舍五入查看全部
-
style.attr的另一種寫法style['attr']查看全部
-
parseInt(string, radix) parseInt() 函數可解析一個字符串，并返回一個整數。 pareseInt(obj.style.width),返回200（假設：width：200px） pareseInt("11",8)返回8進制下11，即8+1=9查看全部
-
getStyle函數查看全部
舉報
0/150
提交
取消