css圖片自適應(yīng)大小
更新時(shí)間：2007年11月28日 16:26:14 作者：
復(fù)制代碼 代碼如下:
function ReImgSize(){
for (j=0;j<document.images.length;j++)
{
document.images[j].width=(document.images[j].width>420)?"420":document.images[j].width;
}
}
然后在body區(qū)域加上onload="ReImgSize()" 就可以了。經(jīng)過(guò)測(cè)試,在Mozilla和IE上通過(guò).。在這里補(bǔ)充一下關(guān)于圖片的自適應(yīng),這點(diǎn)Mozilla做的比IE好,因?yàn)榭梢杂肅SS來(lái)控制圖片的自適應(yīng)。我們都知道Mozilla支持一個(gè)max-width 的CSS語(yǔ)法。于是我們這樣這樣定義圖片的全局樣式。
復(fù)制代碼 代碼如下:
img{
max-width:100%;height:auto;
}
相關(guān)文章
Javascript+CSS實(shí)現(xiàn)Flash動(dòng)態(tài)新聞效果（pp原創(chuàng)）
Javascript+CSS實(shí)現(xiàn)Flash動(dòng)態(tài)新聞效果（pp原創(chuàng)）2008-10-10
在頁(yè)面預(yù)覽客戶端本地圖片的js代碼(兼容FF IE)
IE為了安全是不允許頁(yè)面預(yù)覽客戶端本地圖片的，也就是img元素的SRC是相對(duì)路徑 不可能是絕對(duì)路徑的 為了達(dá)成這一需求 需要使用濾鏡2012-05-05
我們寫網(wǎng)頁(yè)的時(shí)候一般的用IE進(jìn)行開(kāi)發(fā)，一般的人都是按照IE進(jìn)行些程序，做網(wǎng)站的時(shí)候遇到瀏覽器兼容問(wèn)題是非常煩躁的事情。2010-12-12
兼容ie、firefox的圖片自動(dòng)縮放的css跟js代碼分享
這個(gè)功能主要是解決內(nèi)容頁(yè)中的圖片過(guò)大撐出，導(dǎo)致頁(yè)面比較難看，就需要這樣的代碼，需要的朋友可以參考下2012-01-01
新浪網(wǎng)的一個(gè)圖片展示效果！不錯(cuò)的效果！共享一下。2008-07-07
純CSS實(shí)現(xiàn)的漂亮的立體圖片邊框效果，陰影代碼
純CSS 漂亮的立體圖片邊框效果，圖片陰影代碼，個(gè)人覺(jué)得這個(gè)挺實(shí)用，CSs實(shí)現(xiàn)的，定義成類，可讓你整個(gè)網(wǎng)頁(yè)上的圖片都是有立體陰影的，不錯(cuò)吧，感謝作者分享。2010-10-10
超不錯(cuò)的圖片友情鏈接滾動(dòng)特效,橫向排列,帶控制按鈕,這里已經(jīng)將橫向鎖定,不能將其修改為豎向的,否則會(huì)出錯(cuò),專一用于橫排的圖片滾動(dòng),也可以不用作友情鏈接,產(chǎn)品滾動(dòng)當(dāng)然也可以哦.2009-10-10
圖片放大鏡效果代碼...2007-11-11
3張圖片循環(huán)組和(很有動(dòng)感)...2006-07-07
看到alibaba的一個(gè)圖片切換效果，感覺(jué)不錯(cuò)，想拿來(lái)用用。但代碼一大堆的，看著昏，還是自己來(lái)吧。 由于有了做圖片滑動(dòng)展示效果的經(jīng)驗(yàn)，做這個(gè)就容易得多了。2008-09-09