-
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
提交
取消