js小技巧--自動(dòng)隱藏紅叉叉
更新時(shí)間：2007年08月13日 19:52:34 作者：
當(dāng)文章中鏈接的圖片失效時(shí)，就會(huì)看到令人討厭的紅叉叉，雖然圖片有alt屬性可以補(bǔ)救一下該圖的意義，但都給人不友好的感覺(jué)。
如果給圖片加一個(gè)判斷，當(dāng)加載失敗時(shí)就不顯示，這樣可以產(chǎn)生更令用戶滿意的體驗(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)生更令用戶滿意的體驗(yàn)。
代碼如下：
<img src='none.gif' onerror="this.parentNode.removeChild(this)" style="display:none" onload="this.style.display='block'" />
相關(guān)文章
一個(gè)不錯(cuò)的給圖片添加說(shuō)明文字的動(dòng)態(tài)層的實(shí)現(xiàn)代碼
一個(gè)不錯(cuò)的給圖片添加說(shuō)明文字的動(dòng)態(tài)層的實(shí)現(xiàn)代碼，需要的朋友可以參考下2013-04-04
自上一個(gè)版本的圖片切割效果出來(lái)后，雖然也經(jīng)?？吹健翱蚣荛_(kāi)發(fā)這個(gè)如何如何容易”之類的評(píng)論，但也受到很多人的肯定，小弟在此感謝大家的支持。2008-12-12
javascript 動(dòng)態(tài)調(diào)整圖片尺寸實(shí)現(xiàn)代碼
在自己的網(wǎng)站上更新文章時(shí)一個(gè)比較常見(jiàn)的問(wèn)題是：文章插圖太寬，使整個(gè)網(wǎng)頁(yè)都變形了。如果對(duì)每個(gè)插圖都先進(jìn)行縮放再插入的話，太麻煩了。2009-12-12
js實(shí)現(xiàn)運(yùn)動(dòng)logo圖片效果及運(yùn)動(dòng)元素對(duì)象sportBox使用方法
Js實(shí)現(xiàn)運(yùn)動(dòng)的圖片特效，兩個(gè)網(wǎng)站Logo快速運(yùn)動(dòng)類似顯示器屏保。借此練習(xí)運(yùn)動(dòng)元素對(duì)象sportBox的使用方法，需要了解的朋友可以參考下2012-12-12
非常不錯(cuò)的javascript 圖片慢慢下層效果...2007-08-08
javascript實(shí)現(xiàn)的三維正方體(兼容ie7,ff)
2008-02-02
閑得無(wú)聊，弄了個(gè)抖動(dòng)效果，大家看看有沒(méi)有值得學(xué)習(xí)地方2012-01-01
國(guó)外的Js圖片瀏覽效果，在國(guó)外的一些網(wǎng)站見(jiàn)到的比較多，國(guó)內(nèi)人都喜允左右箭頭控制，用縮略圖控制其它更合理呢，因此本代碼重新優(yōu)化一下還是很適合使用的呢。2010-07-07
新浪網(wǎng)的一個(gè)圖片展示效果！不錯(cuò)的效果！共享一下。2008-07-07
推薦一個(gè)不錯(cuò)的圖片瀏覽效果...2007-06-06