javascripte20
</Script><o:p></o:p>
<font id=star style="display:None"> ◆</font><o:p></o:p>
<font color=blue onMouseOver=show() <o:p></o:p>
onMouseOut=hidden()>游標</font><o:p></o:p>
<o:p> </o:p>
<o:p> </o:p>
範例五 – 動態項目符號<o:p></o:p>
<Html><o:p></o:p>
<Body><o:p></o:p>
<a href="http://www.seed.net.tw" <o:p></o:p>
onMouseOver="alert('goto SeedNet!')">SeedNet</a><o:p></o:p>
<a href="http://www.hinet.net" <o:p></o:p>
onMouseOver="alert('goto Hinet!')">Hinet</a><o:p></o:p>
<img src="seednet.gif"<o:p></o:p>
onMouseOver="location='http://www.seed.net.tw'"><o:p></o:p>
</Body><o:p></o:p>
</Html><o:p></o:p>
事件處理程序 - 範例六<o:p></o:p>
<Html><o:p></o:p>
<Body><o:p></o:p>
<a href="http://www.seed.net.tw" <o:p></o:p>
onMouseOver="status='goto SeedNet!';return true">SeedNet</a><o:p></o:p>
<a href="http://www.hinet.net" <o:p></o:p>
onMouseOver="status='goto HiNet!';return true">Hinet</a><o:p></o:p>
</Body><o:p></o:p>
</Html><o:p></o:p>
事件處理程序 - 範例七<o:p></o:p>
如果未使用 return true, 則所定義的 status 顯示字樣將無法取代原連結位址<o:p></o:p>
<Html><o:p></o:p>
<Body><o:p></o:p>
<a href="http://www.seed.net.tw" <o:p></o:p>
onMouseOver = " status= '前往seednet!' ;return true "<o:p></o:p>
onMouseOut ="status= ' ' ">SeedNet</a><o:p></o:p>
<a href="http://www.hinet.net" <o:p></o:p>
onMouseOver =" status= '前往hinet!';return true "<o:p></o:p>
onMouseOut ="status= ' ' ">Hinet</a><o:p></o:p>
</Body><o:p></o:p>
</Html><o:p></o:p>
事件處理程序 - 範例八<o:p></o:p>
達成下述之輸出結果：<o:p></o:p>
<o:p> </o:p>
1.滑鼠通過 seednet 連<o:p></o:p>
結字樣上方時，顏色<o:p></o:p>
改變。<o:p></o:p>
2.狀態列顯示提示字樣<o:p></o:p>
。<o:p></o:p>
練習2-5<o:p></o:p>
在元件上點一下滑鼠左鍵時。<o:p></o:p>
<o:p> </o:p>
相關物件：<o:p></o:p>
所有表單元件(checkbox 、 radio 、button) 。<o:p></o:p>
超連結點(link) 。<o:p></o:p>
圖形或文字。<o:p></o:p>
其他所有的 HTML 標籤均可(ex.body…)。<o:p></o:p>
onClick<o:p></o:p>
啟動<o:p></o:p>
<FORM NAME="form1"><o:p></o:p>
<INPUT TYPE="button" VALUE="請按我..."><o:p></o:p>
</FORM><o:p></o:p>
<o:p> </o:p>
<Script><o:p></o:p>
function sayHello() {<o:p></o:p>
alert("Hello! World")<o:p></o:p>
}<o:p></o:p>
<o:p> </o:p>
document.form1.onclick = sayHello<o:p></o:p>
</Script><o:p></o:p>
事件處理程序<o:p></o:p>
<script><o:p></o:p>
function turn(obj){<o:p></o:p>
if(obj.direction=="left")<o:p></o:p>
obj.direction = "right";<o:p></o:p>
else<o:p></o:p>
obj.direction = "left";<o:p></o:p>
}<o:p></o:p>
<o:p> </o:p>
function changeto(what){<o:p></o:p>
document.all.tags("marquee").item(0).behavior=what;<o:p></o:p>
}<o:p></o:p>
</script><o:p></o:p>
<marquee onmouseover="turn(this)">Hubert</marquee><o:p></o:p>
<input type="button" value="捲動" onclick="changeto('scroll')"><o:p></o:p>
<input type="button" value="滑動" onclick="changeto('slide')"><o:p></o:p>
<input type="button" value="交替" onclick="changeto('alternate')"><o:p></o:p>
事件處理程序<o:p></o:p>
在元件上點兩下滑鼠左鍵時。<o:p></o:p>
<o:p> </o:p>