摘要:
代码简介:一组图片成批向上滚屏特效,在新浪、QQ网经常会看到这种特效。实际上是运用了Iframe嵌入页面,也就类似于DIV区域,这个用的时候尽量改成DIV,IFRAME有很多不太好的地方,希望你喜欢。代码内容:View Code <html><head><title>一组图片+文字向上滚屏特效代码 - www.webdm.cn</title><SCRIPT language=JavaScript> var dde_para = new Array(); var dde_aa = new Array(); var dde_url = d 阅读全文
摘要:
代码简介:很有意思的一个JavaScript代码段,鼠标怎么也甩不掉图片,像弹簧一样越甩越远,但就是甩不掉,用好了这一技巧,你就能做出很多漂亮的效果来。代码内容:View Code <HTML><HEAD><META http-equiv=Content-Type content="text/html; charset=gb2312"><title>【荐】JS实现的图片弹性拖动特效代码 - www.webdm.cn</title><STYLE>v\:* { BEHAVIOR: url(#default# 阅读全文
摘要:
代码简介:鼠标滑过图片显示缩略图,看上去这个特效很惹人喜欢,闲来无事,在研究CSS,在网上见到类似的效果,又修改了一下,基本实现了鼠标经过缩略图放大图片的功能,主要是运行了CSS的overflow属性,有兴趣的朋友仔细研究一番吧。代码内容:View Code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="ht 阅读全文
摘要:
代码简介:漫天飞花及文字滚动特效,不知道该怎么形容这种效果,它是图片和文字相结合的一种特效,就叫做漫天飞花吧,另外它还可以控制一组文字上下滚动,也就走马灯,个性十足。代码内容:View Code <title>JavaScript实现漫天飞花及文字滚动特效的代码 - www.webdm.cn</title><SCRIPT language=JavaScript> //设置marquee的宽度(in pixels) var marqueewidth=190 //设置marquee的高度 var marqueeheight=200 //设置marquee的速度 阅读全文
摘要:
代码简介:用CSS实现简单的图片阴影效果,实现原理是设置图像本身的BORDER,然后在A标签设置比BORDER标签更浅一点的颜色,这样看上去就像是给一个图片加了阴影,如果你得像素之差还可以继续完善,使其更完美。代码内容:View Code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w 阅读全文
摘要:
代码简介:js等比例缩放图片,这个功能非常实用,当网页加载一个尺寸比较大的图片时,往往会把一个网页撑的变形,页面变得很难看,于是我们就想到了用JS去控制超出一定范围的图片,以稳定页面布局,本代码段就是完成了此功能,而且代码非常简洁,效果很好,你可以运行代码看下效果。代码内容:View Code <html><head><title>让图片等比例缩放的代码 - www.webdm.cn</title><script>function DrawImage(ImgD,iwidth,iheight){ //参数(图片,允许的宽度,允许的高度) 阅读全文
摘要:
代码简介:来自GOOGLE的图片预加载技术,也就是加载一个图片的时候,为了减轻网页的压力,将图片衰减后先显示出来,然后再慢慢加载,你就会看到一个图片由模糊突然变得清淅起来,这就是预加载的一种。这段代码就完成了图片的预加载功能,你可以点击一个小图然后看到大图慢慢变得清淅,直至加载完成。代码内容:View Code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" 阅读全文
摘要:
代码简介:很奇异的一个图片特效,鼠标移上黑白图片,图片会变成彩色的,是不是很神奇?其实你只要懂得的原理就不觉得稀奇了!实际上图片本来就是一幅彩色的,只不过是先用CSS的FILTER将其设置成gray,也就是灰色,然后再设置鼠标移上图片的效果为空,这样图片就回到了原来的彩色,原来如此!代码内容:View Code <html><head><title>黑白图片变成彩色图片的CSS代码 - www.webdm.cn</title><meta http-equiv="content-Type" content="te 阅读全文
摘要:
代码简介:用JavaScript判断远程图片是否存在,不存在话则替换指定的图片,指定图片可以是你网站的LOGO或其它图片,或显示提示信息。没想到用JS还能干这种活,以前都是用笨方法,也就是用ASP/PHP程序去判断,这下可好了,省了很多事。代码内容:View Code <html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>判断远程图片是否存在的JavaScript代码 - www.webd 阅读全文
摘要:
代码简介:JavaScript图片溶解出现的特效,也可以说是渐隐渐出,在很多图片切换效果中可以看到这种效果,因些可以很好的用到图片转场切换功能中。看了之后才发觉,原来实现起来并不复杂。代码内容:View Code <html><head><title>JavaScript实现的一个图片溶解特效代码 - www.webdm.cn</title><body><SCRIPT FOR=window EVENT=onLoad LANGUAGE=vbscript> image1.filters.item(0).apply() imag 阅读全文