两个方面。

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 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/wukall/p/5740971.html