js实现同一页面多个不同运动效果的方法

本文实例讲述了js实现同一页面多个不同运动效果的方法。分享给大家供大家参考。具体分析如下：

要点一：

function getstyle(obj,name){
if(obj.currentStyle){
return obj.currentStyle[name];
}else{
return getComputedStyle(obj,false)[name];
}
}

从样式表中根据id和属性名取值。

要点二：

if(attr == "opacity"){
cur = Math.round(parseFloat(getstyle(obj,attr))*100);
}else{
cur = parseInt(getstyle(obj,attr));
}

如果设置的是透明度的值，因为有可能会是小数点，所以需要用parseFloat，然后有可能会有小数，用round方法四舍五入取整。

如果设置的非透明度值，用parseInt，可以只取数值部分

其它的注意点，前面几篇都有提到，此处不再赘述。

最后，上代码：

body,ul,li{margin:0; padding:0;}
#runs li{width:80px; height:80px; background:#06c;
list-style:none; margin:10px; border:1px solid #000;
filter:alpha(opacity=30); opacity:0.3;}





 
1
 
2
 
3
 
4

希望本文所述对大家的javascript程序设计有所帮助。