日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

 
 
 
 

  
  
  
  
div{background:#CCCCCC;}  
  
  
  
  
#first{float:left;width:100px; height:150px}  
  
  
  
  
#second{clear:left;float:left;margin-top:10px;width:100px;height:150px}  
  
  
  
  
#third{zoom:1; width:200px;margin-left:110px;_margin-left:107px; height:310px}  
 
 
 
 

 第二題：用javascript優(yōu)化布局

提示：

也許，我們其他的布局也會(huì)用到這個(gè)放大的效果哦。

可以使用任何開源代碼，包括曾經(jīng)你自己寫的。

關(guān)鍵字：javascript、封裝、復(fù)用

慚愧啊，用上邊那個(gè)布局我怎么也沒把它優(yōu)化出來，硬這頭皮用絕對(duì)定位改了布局；

所以樣式改成了這樣：

 
 
 
 

  
  
  
  
body{ margin:0; padding:0}  
  
  
  
  
div{background:#CCCCCC; position:absolute}  
  
  
  
  
#first{width:100px; height:150px}  
  
  
  
  
#second{top:160px;width:100px;height:150px}  
  
  
  
  
#third{ width:200px; height:310px; left:110px} 
 
 
 
 

 javascript 要考慮封裝、復(fù)用

 
 
 
 

  
  
  
  
function zoom(id,x,y){ // 設(shè)置縮放函數(shù)參數(shù)：容器id、橫向縮放倍數(shù)、縱向縮放倍數(shù)（等比例縮放時(shí)也可以設(shè)定一個(gè)參數(shù)）  
  
  
  
  
var obj=document.getElementById(id); // 獲取元素對(duì)象值  
  
  
  
  
var dW=obj.clientWidth; // 獲取元素寬度  
  
  
  
  
var dH=obj.clientHeight; // 獲取元素高度  
  
  
  
  
//var oTop=obj.offsetTop;  
  
  
  
  
//var oLeft=obj.offsetLeft;  
  
  
  
  
obj.onmouseover=function(){ // 鼠標(biāo)移入  
  
  
  
  
this.style.width=dW*x+"px"; // 橫向縮放  
  
  
  
  
this.style.height=dH*y+"px"; // 縱向縮放  
  
  
  
  
this.style.backgroundColor="#f00″; // 設(shè)置調(diào)試背景  
  
  
  
  
this.style.zIndex=1; // 設(shè)置z軸優(yōu)先  
  
  
  
  
}  
  
  
  
  
obj.onmouseout=function(){ // 鼠標(biāo)移出，設(shè)回默認(rèn)值  
  
  
  
  
this.style.width="";  
  
  
  
  
this.style.height="";  
  
  
  
  
this.style.padding="";  
  
  
  
  
this.style.backgroundColor="";  
  
  
  
  
this.style.zIndex="";  
  
  
  
  
}  
  
  
  
  
}  
  
  
  
  
zoom("first",1.25,1.25);  
  
  
  
  
zoom("second",1.25,1.25);  
  
  
  
  
zoom("third",1.25,1.25); 
 
 
 
 

第三題也許是JS代碼沒有放在頁(yè)面的后面，加載速度慢尚未顯示出來?；蛘呤琼?yè)面地址出錯(cuò)了。

這種情況下，先查看頁(yè)面的源代碼，看看有沒有什么問題，然后找后臺(tái)技術(shù)人員，看是不是服務(wù)器或技術(shù)方面的問題。