約瑟 發表
寫到這裡, 我在想我該寫的都寫完了。接下來幾個單元大概就是教您如何把之前學的東西並在一起寫出程式吧。 我們這單元是關於幻燈片效果的程式, 我們一起來看看吧!
在看程式的期間, 我希望你們能看看程式的寫法, 哪裡是關鍵指令, 試試看自己用另種類似或更好的方式寫寫看。
在這程式, 我們是用If和variable, 沒什麼新玩意。。。看看就知道了。
<HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript"> var num=1 img1 = new Image () img1.src = "examples/javascript/18pic1.jpg"; img2 = new Image () img2.src = "examples/javascript/18pic2.jpg"; img3 = new Image () img3.src = "examples/javascript/18pic3.jpg"; function slideshow() { num=num+1 if (num==4) {num=1} document.mypic.src=eval("img"+num+".src") } </SCRIPT> </HEAD> <BODY> <CENTER> <IMG SRC="examples/javascript/18pic1.jpg" NAME="mypic" BORDER=0> <p> <A HREF="JavaScript:slideshow()"> 下一張圖</A> </CENTER> </BODY> </HTML> |
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
var num=1
img1 = new Image ()
img1.src = "examples/javascript/18pic1.jpg"
img2 = new Image ()
img2.src = "examples/javascript/18pic2.jpg"
img3 = new Image ()
img3.src = "examples/javascript/18pic3.jpg"
function slideshow()
{
num=num+1
if (num==4)
{num=1}
document.mypic.src=eval("img"+num+".src")
}
</SCRIPT>
</HEAD>
<BODY>
<a href="JavaScript:slideshow()">下一張圖</a>