圖片幻燈片效果

- 中國WEB開發者網絡 (http://www.webasp.net)
-- 網頁特效 (http://www.webasp.net/javascript/)
--- 圖片幻燈片效果 (http://www.webasp.net/javascript/1/258.htm)
-- 發佈日期： 2004-07-03
<!-- 網頁特效代碼由[中國WEB開發者網絡:http://www.ChinaWebDev.com]提供！ -->
<!-- 要實現此效果需要 1 個步驟： -->

<!-- 第 1 步： -->
<!-- 把下面的代碼加到<BODY></BODY>區域中： -->

<p align="center"><img name="myPicture" src="images/webasp.net.1.jpg" width="100" height="57">

<script language="JavaScript">

<!--

var myPix = new Array("images/webasp.net.1.jpg","images/webasp.net.2.jpg","images/webasp.net.3.jpg")

var thisPic = 0



function doPrevious() {

if (document.images && thisPic > 0) {

thisPic--

document.myPicture.src=myPix[thisPic]

}

}



function doNext() {

if (document.images && thisPic < 2) {

thisPic++

document.myPicture.src=myPix[thisPic]

}

}

// -->

</script>

<br><small><font face="Verdana"><a href="javascript:doPrevious()">Previous</a> <font

color="#FFFFFF">-</font> <a href="javascript:doNext()">Next</a></font></small>

webasp.net