首页
网页特效库
网页特效库
导航菜单
按钮表单
背景特效
时间日期
图片特效
鼠标特效
文本操作
窗口页面
状态栏类
警告对话
综合应用
游戏娱乐
首页
>
特效
>
图片特效
> 正文
水波纹转换图片代码
2009-11-26 图片特效 ℃
<!-- 把下列代码加到<body>区域内 --> <SCRIPT LANGUAGE="JavaScript"> <!-- Beginning of JavaScript - // more javascript from http://www.webjx.com // the URLs of your images. Add as many images as you like var imgsname = new Array() imgsname[0]="/images/tx/1.jpg" imgsname[1]="/images/tx/2.jpg" imgsname[2]="/images/tx/3.jpg" // the the links of your images var imgsurl = new Array() imgsurl[0]="/" imgsurl[1]="/" imgsurl[2]="/" // the target of your links. Accepted values: '_blank', '_self', '_top' // '_parent' or the name of your window var linktarget="_blank" // standstill of each image(seconds) var pause=3 // horizontal position of the slideshow (distance to the left margin of the browser-window, pixels) var posleft=5 // vertical position of the slideshow (distance to the top margin of the browser-window, pixels) var postop=5 // do not edit the code below var contentimage="" var i_image=0 var i_stepwave=0 var i_maxstepwave=40 var imgpreload=new Array() for (i=0;i<=imgsname.length-1;i++) { imgpreload[i]=new Image() imgpreload[i].src=imgsname[i] } pause=pause*1000 function initiate() { contentimage="<a href='"+imgsurl[i_image]+"' target='"+linktarget+"'><img src='"+imgsname[i_image]+"' border='0'></a>" if (document.all) { waveimage.innerHTML=contentimage waveimage.style.posLeft=posleft waveimage.style.posTop=postop enlargewave() } if (document.layers) { document.waveimage.left=posleft document.waveimage.top=postop changeimage() } } function enlargewave() { if (i_stepwave<=i_maxstepwave) { waveimage.filters.wave.phase=i_stepwave waveimage.filters.wave.strength=i_stepwave waveimage.filters.wave.lightstrength=i_stepwave waveimage.filters.wave.freq=i_stepwave i_stepwave++ var timer=setTimeout("enlargewave()",50) } else { clearTimeout(timer) changeimage() } } function reducewave() { if (i_stepwave>0) { waveimage.filters.wave.phase=i_stepwave waveimage.filters.wave.strength=i_stepwave waveimage.filters.wave.lightstrength=i_stepwave waveimage.filters.wave.freq=i_stepwave i_stepwave-- var timer=setTimeout("reducewave()",50) } else { clearTimeout(timer) var timer=setTimeout("enlargewave()",pause) } } function changeimage() { i_image++ if (i_image>=imgsname.length) {i_image=0} contentimage="<a href='"+imgsurl[i_image]+"' target='"+linktarget+"'><img src='"+imgsname[i_image]+"' border='0'></a>" if (document.all) { waveimage.innerHTML=contentimage reducewave() } if (document.layers) { document.waveimage.document.write(contentimage) document.waveimage.document.close() var timer=setTimeout("changeimage()",pause) } } if (document.all) { document.write('<DIV ID="waveimage" style="position:absolute; filter:wave();"> </DIV>') } if (document.layers) { document.write('<LAYER NAME="waveimage"></LAYER>') document.close() } window.onload=initiate // - End of JavaScript - --> </SCRIPT>
相关特效代码
无相关信息
热门特效代码
js图片自动切换代码
CSS实现区域内等比例放大缩小图片
JS图片切换效果
飘动图片广告代码
鼠标经过图片变大
简单高效的javascript 幻灯片播放
JavaScript封装的平滑图片滚动，
点击图片出现大图
图片局部放大效果特效
图片上下左右拉伸效果特效
推荐特效代码
点击按钮淡入淡出弹出图文信息
探照灯效果图片特效代码
简单高效的javascript 幻灯片播放
飘动图片广告代码
JavaScript封装的平滑图片滚动，
超酷超绚精美图片展示效果代码
