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 οnmοuseοver="turn(this)">Hubert</marquee><o:p></o:p>

<input type="button" value="捲動" οnclick="changeto('scroll')"><o:p></o:p>

<input type="button" value="滑動" οnclick="changeto('slide')"><o:p></o:p>

<input type="button" value="交替" οnclick="changeto('alternate')"><o:p></o:p>

事件處理程序<o:p></o:p>

在元件上點兩下滑鼠左鍵時。<o:p></o:p>

<o:p> </o:p>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值