約瑟 發表
這次的教學跟上一次的很像, 都是應用 onMouseOver 和 onMouseOut 兩個指令。 不過, 這次要和 Function 一起合作, 而不是用標籤來作. 我們用 onMouseOut 和 onMouseOver 來呼叫我們設定的 Function。
普遍來說, 假使你只需要一個 JavaScript 指令, 你可以用 標籤來呼叫。 要是我們要很多 JavaScript 的指令, 就要用 Function 來呼叫。
<HTML>
function up()
function up2()
</SCRIPT>
...然後用下面這段語法來呼叫上面的 Function:
<a href="http://come.to/Joseph2001" 把這個程式碼試看看, 結果有沒有和你想的一樣呢? 只要記得改 Function 的 NAME, 錯誤率就比較低了。
<HEAD>
<title>JavaScript Example</title>
<SCRIPT LANGUAGE="JavaScript">
function up()
{
document.mypic.src="examples/javascript/13off.jpg"
}
function down()
{
document.mypic.src="examples/javascript/13on.jpg"
}
</SCRIPT>
</HEAD>
<BODY>
<CENTER>
<h2>Sample Animation</h2>
<A HREF="http://come.to/Joseph2001"
onMouseOver="up()" onMouseOut="down()">
<IMG SRC="examples/javascript/13on.jpg" NAME="mypic" BORDER=0>
</BODY>
</HTML>
function up()
{
document.mypic.src="13off.jpg"
}
function down()
{
document.mypic.src="13on.jpg"
}
</SCRIPT>
<A HREF="http://come.to/Joseph2001" onMouseOver="up()" onMouseOut="down()">
<IMG SRC="13on.jpg" NAME="mypic" BORDER=0></A>
這段幾乎可以說是跟前一章一樣的語法。 不過我們用 Function 來代替 HREF。
<SCRIPT LANGUAGE="JavaScript">
{
document.mypic.src="13off.jpg"
}
function down()
{
document.mypic.src="13on.jpg"
}
{
document.mypic2.src="13off.jpg"
}
function down2()
{
document.mypic2.src="13on.jpg"
}
<A HREF="http://www.htmlgoodies.com"
onMouseOver="up()" onMouseOut="down()">
<IMG SRC="down.gif" NAME="mypic"
BORDER=0></A>
onMouseOver="up2()" onMouseOut="down2()">
<IMG SRC="13off.gif" NAME="mypic2"
BORDER=0></A>