DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> JavaScript實現鼠標滑過圖片變換效果的方法
JavaScript實現鼠標滑過圖片變換效果的方法
編輯:JavaScript綜合知識     

 具體如下:

  1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 <html> <head> <title>Swap Images with onMouseOver and onMouseOut</title> </head> <body bgcolor="#FFFFCC" text="#3300FF"> <CENTER> <FORM NAME = form1> <H2> Move the mouse across to swap the image ... </H2> <A HREF="" name= link1 onMouseOver = "ImgOver()" onMouseOut = "ImgOut()"> <IMG NAME = "IMG1" SRC = "images/follow.jpg" WIDTH = 800 HEIGHT = 600> </A> </CENTER> <SCRIPT LANGUAGE= JavaScript> function ImgOver() { // use an image file you have or use one of XP's wallpaper document.form1.IMG1.src = 'images/home.jpg'; } function ImgOut() { // use an image file you have or use one of XP's wallpaper document.form1.IMG1.src = 'images/follow.jpg'; } </SCRIPT> </body> </html>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved