js小技巧--自動(dòng)隱藏紅叉叉
更新時(shí)間：2007年08月13日 19:52:34 作者：
當(dāng)文章中鏈接的圖片失效時(shí)，就會(huì)看到令人討厭的紅叉叉，雖然圖片有alt屬性可以補(bǔ)救一下該圖的意義，但都給人不友好的感覺(jué)。
如果給圖片加一個(gè)判斷，當(dāng)加載失敗時(shí)就不顯示，這樣可以產(chǎn)生更令用戶(hù)滿意的體驗(yàn)。
代碼如下：
<img src='none.gif' onerror="this.parentNode.removeChild(this)" style="display:none" onload="this.style.display='block'" />
如果給圖片加一個(gè)判斷，當(dāng)加載失敗時(shí)就不顯示，這樣可以產(chǎn)生更令用戶(hù)滿意的體驗(yàn)。
代碼如下：
<img src='none.gif' onerror="this.parentNode.removeChild(this)" style="display:none" onload="this.style.display='block'" />
相關(guān)文章
js實(shí)現(xiàn)圖片等比縮略顯示 支持IE/FF
js實(shí)現(xiàn)圖片等比縮略顯示 支持IE/FF...2007-02-02
使用html+css實(shí)現(xiàn)頁(yè)面書(shū)本翻頁(yè)特效
很多朋友都知道通過(guò)靜態(tài)html+css可以創(chuàng)造出很多的頁(yè)面效果,本文所講的就是html+css模擬書(shū)本翻頁(yè)效果,還是很不錯(cuò)的,需要的朋友可以參考下2023-03-03
javascript實(shí)現(xiàn)的三維正方體(兼容ie7,ff)
2008-02-02
新頁(yè)面打開(kāi)實(shí)際尺寸的圖片...2006-08-08
javascript 鼠標(biāo)懸浮圖片顯示原圖 移出鼠標(biāo)后原圖消失（多圖）
其實(shí)我想實(shí)現(xiàn)的只是大圖預(yù)覽，不需要太復(fù)雜。后來(lái)，在原來(lái)有的javascript資料里找到這個(gè):)“JavaScript網(wǎng)頁(yè)設(shè)計(jì)300例.chm”， 從里面找到了類(lèi)似的下拉菜單的例子修改了一下，以實(shí)現(xiàn)這個(gè)功能。2009-12-12
用javascript實(shí)現(xiàn)圖片馬賽克后顯示并切換
用javascript實(shí)現(xiàn)圖片馬賽克后顯示并切換...2007-04-04
比較罕見(jiàn)的javascript雙向放大縮小圖片效果代碼，鼠標(biāo)上下移動(dòng)即可看到效果2008-05-05
2008-01-01
點(diǎn)圖片上一頁(yè)下一頁(yè)翻頁(yè)效果
實(shí)現(xiàn)圖片翻頁(yè)效果實(shí)例代碼2008-07-07
鼠標(biāo)移動(dòng)到一張圖片時(shí)變?yōu)榱硪粡垐D片
鼠標(biāo)移動(dòng)到一張圖片時(shí)變?yōu)榱硪粡垐D片...2006-12-12