<!DOCTYPE html> <head> <title>untitled</title> <meta charset="utf-8" /> <style>*{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; }</style> <script>window.οnlοad=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]; }*/</script> </head> <body> <div id="odiv">nihao</div> </body>