0

我有一个顶部带有导航栏的网页，当您将鼠标悬停在它上面时，我希望通过更改为不同颜色的图像来更改颜色。我想做一个函数来为这个栏创建 HTML 代码。我开始了，但我对从这里去哪里感到困惑。

<html>
<head>
    <script LANGUAGE="JavaScript">
        function NavigationBar() {

            var reg1 = new Image
            var red1 = new Image

            reg1.src = "1.gif"
            red1.src = "1R.gif"

            onMouseOver = "document.thereg1.src=red1.src"
            onMouseOut = "document.thereg1.src=reg1.src"
        }
    </script>
</head>

<body>
    <a href="Home Page.html" NavigationBar(thereg1)>
        <img src="1.gif" Name="thereg1">
    </a>
</body>
</html>
4

1 回答 1

1

You don't even have to use Javascript for that

Just stick with CSS because it really easier and do like this :

link {

background-image: url ...
}

link:hover{
background-image: ..
transition : background-image 0.5s ease-in-out;
}

this will just change the image on hover

IF you want to have a nice transition use transition

于 2013-11-05T18:27:23.717 回答