js小技巧--自动隐藏红叉叉_图象特效

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

时间： 2024-10-23 06:59:14

js小技巧--自动隐藏红叉叉_图象特效的相关文章

图片自动缩小点击放大_图象特效

如果不支持网页对话框就再新窗口打开目的: 图片自动缩小点击放大输入: 无返回: 无 function $(obj){ return document.getElementById(obj); } function ResizeImage(objImage,maxWidth) { try{ if(maxWidth>0){ var objImg = $(objImage); if(objImg.width()>maxWidth){ objImg.w

CSS网页小技巧：隐藏input 内的文字的方法

css|技巧|网页隐藏input的方法在浏览器中各不相同,我们用于网页使用它时并不希望它改变本身内联的属性,现单独分析如下: 首先写一个公用样式: input{ height:20px; width:50px;} 1,IE6,IE7浏览器方法1input{ height:20px; width:50px; line-height:100em;}方法2input{ height:20px; width:50px; padding-top:60px;}方法3input{ height:20px;

发一个自己用JS写的实用看图工具实现代码_图象特效

因为某些网站把内容图片以每页显示一幅的形式呈现,而每页都有大量没用的垃圾信息(广告.新闻和无关图片),非常影响看图效率.所以写了这个,只要知道第一幅图片的URL,填在本网页里,设置一下起始和结束编号,就可以显示带有数字编号的图片了,同时还有一些常用到的贴心功能.当然,对于某些网站存放的无序图片就无能为力了. 介绍完了,下面是代码内容,希望能对JS新手们有点帮助吧(请自行把下面代码里所有的"'"替换为单引号.我对这里这个格式实在没辙了): 复制代码代码如下: <SCRIPT&

js小技巧：延时加载Flash

当页面中包含自动播放视频的flash播放器时,flash的流媒体播放会一直不停的下载视频(哪怕你点击了播放暂停/停止也一样在不停下载),这样会影响到页面其它元素的加载. 最简单的优化办法就是让Flash一开始不要播放:当然,你可以修改fla源文件,让视频播放一开始就处于暂停,直到用户点击了播放按钮.但问题是,如果您嵌入的是没有源文件的flash动画,这种路子就走不通了. 思路: 可以先在放置flash的地方,放一张小图片,点击图片后再把图片元素换成对应的object标签. <!DOCTYPE h

CSS小技巧：隐藏input 内的文字的方法

隐藏input的方法在浏览器中各不相同,我们用于网页使用它时并不希望它改变本身内联的属性,现单独分析如下: 首先写一个公用样式: input{ height:20px; width:50px; } 1,IE6,IE7浏览器方法1 input{ height:20px; width:50px; line-height:100em; } 方法2 input{ height:20px; width:50px; padding-top:60px; } 方法3 input{ height:20p

js小技巧：tab页切换

依旧只是贴在这里备份,方便以后粘贴复制,高手绕过,以免浪费时间:) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>

$()JS小技巧_javascript技巧

在我们写javascript的时候经肯定会经常用到 document.getElementById() 这个方法,这么长一串很容易写错,而且其中getElementById又有大小写之分. 其实prototype.js里提倡的一个方法就是使用$()简写,通过以下的函数,你可以用$('id')来实现document.getElementById('id') 这个功能,怎么样,很爽吧! 复制代码代码如下: function $() { var elements = new Ar

兼容ie、firefox的图片自动缩放的css跟js代码分享_图象特效

需求:图片width<=330px,height<=150. 1.利用max-width,max-height使图片等比例自动缩放,代码: 复制代码代码如下: img{max-width: 330px;max-height: 150px;} 由于ie6不支持css max-width,max-height,所以在ie6中需要利用javascript脚本来控制大小. 2.用javascript脚本来兼容ie6,代码如: 复制代码代码如下: var img_width = img.Offset

js与自动伸缩图片自动缩小图片的多浏览器兼容的方法总结[原创]_图象特效

最近做一个图片的自动缩小效果,发现一直用的js,竟然在firefox下无法正常啊,导致页面变形.所以自己写了个兼容性一般的代码,大家可以来讨论下原来我用的是从pjblog上的复制代码代码如下: //查找网页内宽度太大的图片进行缩放以及PNG纠正 function ReImgSize(){ for (i=0;i<document.images.length;i++) { if (document.all){ if (document.images[i].width>