通过javascript操作CSS3属性实现动画
作者 佚名技术
来源 CSS编程
浏览
发布时间 2012-05-26
|
| tion(s){ return document.getElementById(s) } dom.cssName = function (name){ var prefixes = ['''', ''-ms-'',''-moz-'', ''-webkit-'', ''-khtml-'', ''-o-''], rcap = /-([a-z])/g,capfn = function($0,$1){ return $1.toUpperCase(); }; dom.cssName = function(name, target, test){ target = target || document.documentElement.style; 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] = "width 5s ease-in,height 4s linear" dom("start").onclick = function(){ el.style.width = "400px"; el.style.height = "200px" } } </script> <style> #test{ top:1px; background: r |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn
为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!
|
