通过javascript操作CSS3属性实现动画

作者佚名技术来源 CSS编程浏览发布时间 2012-05-26

sp; for (var i=0, l=prefixes.length; i < l; i++) {

test = (prefixes[i] + name).replace(rcap,capfn);

if(test in target){

return test;

}

return null;

}

return dom.cssName(name);

}

window.onload = function(){

var el = dom("test"),

css3transition = dom.cssName("transition");

el.style[css3transition] = "all 5s ease-in"

dom("start").onclick = function(){

el.style.width = "400px";

}

</script>

<style>

#test{

background: red;

width:10px;

height:30px;

}

</style>

</head>

<body>

TEXT

</div>

</body>

</html>

　　示例2,同时操作多个属性的渐变，我们需要用“,”隔开。

<!DOCTYPE html> 
<html> 
  <head> 
    <meta charset="utf-8"> 
    <title>dom Framework</title> 
 
    <script> 
        var dom = func

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!

分享到：更多

你可能对下面的文章感兴趣

上一篇: 如何有效编写软件的75条建议下一篇: 敲击最多的键和编程语言语法

关于通过javascript操作CSS3属性实现动画的所有评论

随机推荐