网页上通常看到，光标移动到某个图形上进出一档，图形会有放大缩小的效果。
工具/原料
Dreamweaver软件
方法/步骤
1、【第一步】打开Dreamweavercc2014软件，选择建立html界面，里面自动生成一些必要代码的代码格式，节省时间。
2、【第二步】在body标签内输入：<divclass="one"id="one"></div>；这是图形框的代码。
3、【第三步】在body标签前面位置，诶受祗错输入：.one{width:100px;height:100px;background-color:red;position:锾攒揉敫absolute;}，注意one的前面必须嫁个点。摁F12键，跳转到网页看效果。
4、【第四步】回到Dreamweave筠续师诈r软件界面，在body标签前面适当位置输入：window.onload=function(){ v锾攒揉敫arbtn=document.getElementById("btn") varone=document.getElementById("one") one.onmouseover=function(){ startMove(one,{width:400,height:400}) }one.onmouseout=function(){ startMove(one,{width:100,height:100}) } functiongetstyle(obj,name){ if(obj.currentStyle){ returnobj.currentStyle[name]; } else{ returngetComputedStyle(obj,null)[name] } } vartimer=null; functionstartMove(obj,json,fun){ clearInterval(timer); timer=setInterval(function(){ for(varattinjson){ varcur=parseInt(getstyle(obj,att)) varspeed=(json[att]-cur)/10; speed=speed>0?Math.ceil(speed):Math.floor(speed); if(cur==json[att]){ clearInterval(timer); if(fun){ fun(); } } else{ obj.style[att]=cur+speed+"px"; } } },30) } }；保存并摁F12键，跳转到页面，光标在图形上进出移动，可看到图形放大缩小。
