久久―日本道色综合久久,亚洲欧美精品在线,狼狼色丁香久久婷婷综合五月,香蕉人人超,日本网站黄,国产在线观看不卡免费高清,无遮挡的毛片免费

2023信創(chuàng)獨角獸企業(yè)100強
全世界各行各業(yè)聯(lián)合起來,internet一定要實現(xiàn)!

鼠標事件的基礎和完美實現(xiàn)

2004-02-15 eNet&Ciweek

  當鼠標滑過一個圖片時,圖片會變成另外一張圖片的效果是怎么制作出來的呢?

  相對一些不熟悉HTML代碼的朋友來說,可以使用網頁編輯軟件自帶的動作來編輯。

  最簡單的其實要屬使用FrontPage了,它的很多特效是Java Applet的,但象這種鼠標事件效果是Javascript的,實現(xiàn)的很累贅,外掛了一個足有14K大小的JS文件。

  Dreamweaver中的效果不錯,相對FrontPage雖然代碼仍很多,但總體簡單些。所以我們推薦初學者使用Dreamweaver來實現(xiàn)這個效果。步驟如下:

  1、 插入鼠標沒有移上去前顯示的圖片,打開DW中的行為面板,點擊“+”?! ?

  


  
  2、 在出現(xiàn)的下拉菜單中選擇“交換圖像”

  


  

  

  3、 選擇鼠標移上去后顯示的圖片,確定?! ?

  


  

  4、 這時候行為面板中會有事件和動作,直接保存葉面,完成。

  


  不過此方法會產生較長的js代碼,所以并不推薦使用。

  其實實現(xiàn)鼠標事件效果最完美的方法是插入一小句代碼即可。代碼如下:

 ?。糹mage src="img1" onmouseover="this.src='img2'" onmouseout="this.src='img1'">

  而事實上,這種效果一般不超過100個字節(jié)(你別告訴我文件名就有幾十個字節(jié)哦)。


相關頻道: eNews

您對本文或本站有任何意見,請在下方提交,謝謝!

投稿信箱:tougao@enet16.com