<ol id="4frwd"></ol>
<mark id="4frwd"></mark>
<ol id="4frwd"><optgroup id="4frwd"></optgroup></ol>
首頁
網(wǎng)頁特效庫
網(wǎng)頁特效庫
導(dǎo)航菜單
按鈕表單
背景特效
時間日期
圖片特效
鼠標(biāo)特效
文本操作
窗口頁面
狀態(tài)欄類
警告對話
綜合應(yīng)用
游戲娛樂
首頁
>
特效
>
圖片特效
> 正文
水波紋轉(zhuǎn)換圖片代碼
2009-11-26 圖片特效 ℃
<!-- 把下列代碼加到<body>區(qū)域內(nèi) --> <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 class="trd7zpc" 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>
相關(guān)特效代碼
無相關(guān)信息
熱門特效代碼
js圖片自動切換代碼
CSS實現(xiàn)區(qū)域內(nèi)等比例放大縮小圖片
JS圖片切換效果
飄動圖片廣告代碼
鼠標(biāo)經(jīng)過圖片變大
簡單高效的javascript 幻燈片播放
JavaScript封裝的平滑圖片滾動，
點擊圖片出現(xiàn)大圖
圖片局部放大效果特效
圖片上下左右拉伸效果特效
推薦特效代碼
點擊按鈕淡入淡出彈出圖文信息
探照燈效果圖片特效代碼
簡單高效的javascript 幻燈片播放
飄動圖片廣告代碼
JavaScript封裝的平滑圖片滾動，
超酷超絢精美圖片展示效果代碼
網(wǎng)站首頁
|
關(guān)于我們
|
游客留言
|
網(wǎng)站地圖
|
免責(zé)聲明
|
返回頂部
陜ICP備05013981號-6
