封装函数获取样式
2016-06-02 14:38
756 查看
untitled *{margin:0;padding:0;} #odiv{ width:400px; height:200px; background-color:#CD3278; color:white; text-align:center; line-height:200px; font-size:20px; border:1px solid #669933; } window.onload=function(){ move(); } function move(){ setInterval(function(){ var odiv=document.getElementById("odiv"); odiv.style.width=parseInt(getStyle(odiv,'width'))-1+'px'; odiv.style.fontSize=parseInt(getStyle(odiv,'fontSize'))+1+'px'; },20); } //封装函数获取样式 function getStyle(obj,attr){ if(obj.currentStyle){ return obj.currentStyle[attr]; }//IE else{ return getComputedStyle(obj,false)[attr]; }//Firefox } //封装函数获取样式简洁版 /*function getStyle(obj, attr) { return obj.currentStyle ? obj.currentStyle[attr] : getComputedStyle(obj, false)[attr]; }*/ nihao
相关文章推荐
- 【CSS 杂记】
- CSS基础学习笔记
- css——子代与后代选择器
- css3 绘图 (跳动的心 和太极图)
- CSS Web安全字体组合
- CSS 实现 LI 鼠标…
- 让IE浏览器支持CSS3圆角属性的方法
- CSS3详解:border-radius 比如:圆…
- <input>提交按钮样式(背景为图片…
- CSS padding margin border属性详解
- 编写跨浏览器兼容的 CSS 代码的金…
- CSS自适应宽度按钮
- 兼容IE6和Firefox的PNG背景透明CSS…
- 提取自百度有啊的css圆角效果
- 纯css的防止图片撑破页面的代码(图…
- 用UL标签+CSS实现的柱状图
- 用CSS实现段落前面缩进两个字
- 用CSS实现水平虚线的两种方法
- CSS制作多极下拉菜单
- CSS里怎么让背景图片固定不动