热门标签:   个人网站   个人网页   WAP网站   网页特效   网页教程   收藏本站   设为主页  
首 页   个人网站   个人博客   WAP网站   网页特效   网页教程   软件教程   我要参展
帐 号: 密 码:
 
网站及资源搜索:  
 
  当前位置 > 中国个人网页秀-> 网页特效-> 页面特效-> 图形图像-> 水波纹溶解效果
水波纹溶解效果
整理:Cnwshow.Com   来源:Internet   整理时间:2008-7-21

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>水波纹溶解效果</title>
</head>

<body>
<SCRIPT LANGUAGE="JavaScript">
<!-- Beginning of JavaScript -

var imgsname = new Array()
imgsname[0]="01.jpg"
imgsname[1]="02.jpg"
imgsname[2]="03.jpg"

// the the links of your images
var imgsurl = new Array()
imgsurl[0]="http://www.cnwshow.com/"
imgsurl[1]="http://www.cnwshow.com/"
imgsurl[2]="http://www.cnwshow.com/"

// 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

// // // // // // // // // // // // // // // // // // // // // // //
// C O N F I G U R A T I O N   E N D S   H E R E
// // // // // // // // // // // // // // // // // // // // // // //

// 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>
</body>
</html>

运行代码预览特效
  图形图像 热门点击
·图片翻页效果代码
·自由变化大小的图片
·给图片加注释
·向上下左右滚动图片的特效
·像篮球一样跳动的图片
·水中倒影
·自由浮动图像特效
·鼠标让图片震动
·图片渐渐显隐
·图片渐渐显示
  酷站推荐
关于本站  联系本站  免责声明  使用帮助  网站搜索  网站地图
Copyright © 2005-2008 Cnwshow.Com Inc All Rights Reserved 中国个人网页秀
技术支持:网秀科技   QQ群:36941957  客服QQ:151483161  粵ICP备05134415号