码迷,mamicode.com
首页 > 其他好文 > 详细

鼠标指向div后变大25%

时间:2016-08-05 15:17:56      阅读:108      评论:0      收藏:0      [点我收藏+]

标签:

两个方面。

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

鼠标指向div后变大25%

标签:

原文地址:http://www.cnblogs.com/wukall/p/5740971.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!