解淘宝面试题

从网上搜出了淘宝的面试题，做了一下，把代码贴出来，一起讨论下！

题目是从http://www.rainweb.cn/article/304.html中得来的

<div class="wrap">
    <div class="right">
    	<div class="r_first">
        <div class="r_first" id="r_first" onmouseover="zoomDiv(this.id,1.25,1.25)" onmouseout="zoomDivOut(this.id)"></div>
        </div>
    </div>
	<div class="left">
    	<div class="l_first">
        	<div class="l_first" id="l_first" onmouseover="zoomDiv(this.id,1.25,1.25)" onmouseout="zoomDivOut(this.id)"></div>
        </div>
        <div class="blank10"></div>
        <div class="l_second">
        <div class="l_second" id="l_second" onmouseover="zoomDiv(this.id,1.25,1.25)" onmouseout="zoomDivOut(this.id)"></div>
        </div>
    </div>
</div>

 

.wrap{ width:960px;margin:0 auto; position:relative; z-index:1;}
.left{ width:220px; float:left; position:relative;z-index:2;}
.right{ width:730px;float:right;position:relative; background:#ccc;z-index:2;}
.l_first{ height:200px;background:#ccc;z-index:3;}
.l_first_b{background:#FF9; position:absolute;z-index:100;filter:alpha(opacity=70);opacity:0.75; }
.l_second{ height:200px;background:#ccc;z-index:3;}
.l_second_b{ background:#FF9; position:absolute;z-index:100;filter:alpha(opacity=70);opacity:0.75; }
.r_first{height:410px;z-index:3;}
.r_first_b{ background:#FF9; position:absolute;z-index:100;filter:alpha(opacity=70);opacity:0.75; }
.blank10{ height:10px;line-height:0; font-size:0; overflow:hidden;}

 

function zoomDiv(obj,x,y){
	var o =document.getElementById(obj);//此处不能加引号，引号内的为字符串，不是变量
	var oldWidth=o.offsetWidth;
	var oldHeight=o.offsetHeight;
	o.style.width=oldWidth*x+"px";
	o.style.height=oldHeight*y+"px";
	o.className=obj+"_b";
	}
function zoomDivOut(obj){
	var o =document.getElementById(obj);//此处不能加引号，引号内的为字符串，不是变量
	o.style.width='';
	o.style.height='';
	o.className=obj;
	}