页面导航： 首页 → 网络编程 → JavaScript → 网页特效 → 图象特效 → 正文内容 js小技巧--自动隐藏红叉叉

发布：dxy 字体：[增加 减小] 类型：转载

当文章中链接的图片失效时，就会看到令人讨厌的红叉叉，虽然图片有alt属性可以补救一下该图的意义，但都给人不友好的感觉。 
如果给图片加一个判断，当加载失败时就不显示，这样可以产生更令用户满意的体验。 
代码如下：
<img src='none.gif' onerror="this.parentNode.removeChild(this)" style="display:none" onload="this.style.display='block'" />

文章评论

共有 位脚本之家网友发表了评论我来说两句