HTML代码：
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> #div1{ width: 100px; height: 100px; background: red; opacity: 0.3; filter: alpha(opacity=30); } </style> <script src="http://files.cnblogs.com/baixc/move.js"></script> <script> window.onload=function(){ var oDiv = document.getElementById('div1'); oDiv.onmouseover=function(){ startMove(oDiv,'width',300,function(){ startMove(oDiv,'height',300,function(){ startMove(oDiv,'opacity',100); }); }); }; oDiv.onmouseout=function(){ startMove(oDiv,'opacity',30,function(){ startMove(oDiv,'height',100,function(){ startMove(oDiv,'width',100); }); }); }; } </script> </head> <body> <div id="div1"></div> </body> </html>