鼠标指向div后变大25%
两个方面。
1.21布局,推荐position:absolute;(此题要求3个div),左边两个position:absolute;设置好top与left。右边div设置好margin。
2.js部分
window.onload=function(){ var obj1=document.getElementById("box1"); var obj2=document.getElementById("box2"); var obj3=document.getElementById("box3"); function zoom(obj,x,y){ var dW=obj.clientWidth;//get width var dH=obj.clientHeight;//get height obj.onmouseover=function(){ obj.style.width=dW*x+"px"; obj.style.height=dH*y+"px"; obj.style.zIndex=2; } obj.onmouseout=function(){ obj.style.width=""; obj.style.height=""; obj.style.zIndex=""; } } zoom(obj1,1,25,1,25); zoom(obj2,1,25,1,25); zoom(obj3,1,25,1,25); }
附RUNJS:http://runjs.cn/code/y2amstgb
版权声明:本文为wukall原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。