JavaScript實(shí)現(xiàn)鼠標(biāo)滑過(guò)圖片變換效果的方法

字號(hào):


    具體如下:
    <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>