HTML＋TIME學習筆記（八）

鶯燕音畫 · 發表于 2008-8-8 11:13

第八課

不知道大家使用過DW沒有？我發現目前做音畫還是有很多人在用FP，本人在這方面是外行，只是聽朋友說DW專業些，如果和FW,FLASH結合，效果會更加好。用過DW的應該用過常用工具欄上的那個鼠標經過圖像控件吧？特別是在做導航條的時候,感覺效果好而且簡單，不過那是用JS編寫的，如果叫你自己編代碼，我想應該沒幾個非專業編程人員能編得出吧？現在我用HTML+TIME編寫代碼來實現這個效果。

首先看看看效果吧

點擊看效果

再看代碼，如下：

<A href="#">fficeffice" />

<IMG id="t1" src="http://roger01rao.ik8.com/htmlntime/jiaocheng/ffice:smarttags" />05a.jpg" class="time" begin="0;t2.mouseout" end="t1.mouseover"

timeaction="display" width="500" height="398" border="1" bordercolor="ff0000"><IMG id="t2" src="http://roger01rao.ik8.com/htmlntime/jiaocheng/06a.jpg" class="time" begin="t1.mouseover" end="t2.mouseout"

timeaction="display" width="500" height="398" border="0">

</A>

這里主要用到了2個事件，mouseout和mouseover，表示鼠標移開以及鼠標移上去，代碼意思就是一開始顯示飛馬圖片，當鼠標移上去時候它就消失接著天女圖片顯示，反之亦然。

當然時間對應于鼠標有,對應于其他什么單擊事情也有,以及加載什么,都可以產生各種效果,就看大家如何去應用了哦 ^_^，其實，這里也可以直接加載連接啊，比如點擊圖片產生連接。這里只需把＃號換成一個連接地址就可以產生效果了，不信你試試！