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程序设计有所帮助。