JavaScript实现鼠标滑过图片变换效果的方法
本文实例讲述了JavaScript实现鼠标滑过图片变换效果的方法。分享给大家供大家参考。具体如下:
<html> <head> <title>SwapImageswithonMouseOverandonMouseOut</title> </head> <bodybgcolor="#FFFFCC"text="#3300FF"> <CENTER> <FORMNAME=form1> <H2> Movethemouseacrosstoswaptheimage... </H2> <AHREF=""name=link1 onMouseOver="ImgOver()"onMouseOut="ImgOut()"> <IMGNAME="IMG1" SRC="images/follow.jpg"WIDTH=800HEIGHT=600> </A> </CENTER> <SCRIPTLANGUAGE=JavaScript> functionImgOver() { //useanimagefileyouhaveoruseoneofXP'swallpaper document.form1.IMG1.src='images/home.jpg'; } functionImgOut() { //useanimagefileyouhaveoruseoneofXP'swallpaper document.form1.IMG1.src='images/follow.jpg'; } </SCRIPT> </body> </html>
希望本文所述对大家的javascript程序设计有所帮助。