水纹美眉

本文摘自:http://lucky.diy.myrice.com/javascriptexam/mengxhwavegirl.htm

<html>
<head>
<title>JavaScript 精彩实例 @ 【孟宪会之精彩世界】</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>
.title {font-size: 12pt}
p { font-family: "宋体"; font-size: 9pt}
</style>
<SCRIPT LANGUAGE="JavaScript">
<!-- 
var imgsname = new Array()
imgsname[0]="http://elove.heha.net/xml/xml1.jpg"
imgsname[1]="http://elove.heha.net/xml/xml2.jpg"
imgsname[2]="http://elove.heha.net/javabk1.jpg"

var imgsurl = new Array()
imgsurl[0]="http://elove.heha.net"
imgsurl[1]="http://lucky.myrice.com"
imgsurl[2]="http://ctinamxh.at.china.com"

var linktarget="_blank"
var pause=3
var posleft=300
var postop=50
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)
}

}
-->
</SCRIPT>

</HEAD> 
<BODY bgcolor="#ffffd0" onLoad="initiate()"> 
<p align=center><b><font color="#000099" class="title">水纹美眉</font></b></p>
<DIV ID="waveimage" style="position:absolute; filter:wave();"> </DIV>
<DIV style="position:absolute;top:360">
<p>代码如下：</p>
<p>&nbsp;</p>
<form><input type="button" value="关闭本页" onclick="window.close()">
</form>
</DIV>
</BODY> 
</HTML>

posted on 2005-12-09 16:53 hyamw 阅读(185) 评论(0) 收藏举报

刷新页面返回顶部

风过无痕，生命如烟

导航

公告

水纹美眉