麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

兼容ie、firefox的圖片自動縮放的css跟js代碼分享

2019-11-20 22:25:26
字體:
來源:轉載
供稿:網友
這個功能主要是解決內容頁中的圖片過大撐出,導致頁面比較難看,就需要這樣的代碼,需要的朋友可以參考下

需求:圖片width<=600px,height<=800。

1、利用max-width,max-height使圖片等比例自動縮放

代碼:

復制代碼 代碼如下:

img{max-width: 600px;max-height: 800px;}


由于ie6不支持css max-width,max-height,所以在ie6中需要利用javascript腳本來控制大小。

2、用javascript腳本來兼容ie6,代碼如:

復制代碼 代碼如下:

var img_width = img.OffsetWidth;<BR>var img_height = OffsetHeight;
var current_w = (150*img_width)/img_height;
var current_h = (330*img_height)/img_width;
if(img_height>150){
if(img_width>330){
D.css(img,{
width:330 + "px",
height:current_h + "px"
})
}else{
D.css(img,{
width:current_w + "px",
height:150 + "px"
})
}
}else{
if(img_width>330){
D.css(img,{
width:330 + "px",
height:current_h + "px"
})
}else{
D.css(img,{
width:img_width + "px",
height:img_height + "px"
})
}
}


【注1:D.css為KISSY.DOM.css,引用的是kissy類庫中的DOM方法】

【注2:用javascript來控制圖片的尺寸頁面必須要等圖片完全加載出來,所以代碼要包含在window.onload事件中,如果圖片加載速度很慢的話,可能會有一個小缺陷】

所有我們可以結合這兩個一起使用。先用css然后后面再加上js。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 黄色特级片黄色特级片 | 亚洲欧美一区二区三区在线观看 | 成人wxx视频免费 | 激情久久一区二区 | 亚洲第一色婷婷 | 久久亚洲线观看视频 | 欧美成人二区 | 久久欧美亚洲另类专区91大神 | 美国av片在线观看 | 国产一区二区三区四区五区在线 | av免费在线不卡 | 欧美精品videos | 草操影院 | 国产在线区 | 女人裸体让男人桶全过程 | 91精品国产九九九久久久亚洲 | 色视频在线 | 欧美一级片一区 | 九九夜夜| 欧美另类综合 | 羞羞色院91精品网站 | 在线成人免费视频 | 爱高潮www亚洲精品 国产精品一区自拍 | 最新黄色电影网站 | 国产精品久久久在线观看 | 欧美3p激情一区二区三区猛视频 | 精品亚洲一区二区三区 | 午夜视频观看 | 毛片毛片 | 男女羞羞在线观看 | 日韩欧美精品中文字幕 | av电影在线网 | 成年性羞羞视频免费观看无限 | 7777在线视频免费播放 | 麻豆视频在线观看免费网站 | 国产亚洲精品美女久久久 | 91羞羞 | 欧美视频一区二区三区四区 | 日本人乱人乱亲乱色视频观看 | 久国产| 男女羞羞视频 |