使用Java腳本制作導航欄

Question

我有一個網頁，該網頁的頂部有一個導航欄，當您將鼠標懸停在該網頁上時，我想通過更改為另一個文件來更改顏色，該文件即為該圖像的另一種顏色。 我想創建一個將為此欄創建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>

Answer 1

您甚至不必為此使用Javascript。

只需堅持使用CSS，因為它確實更容易，並且可以這樣做：

link {

background-image: url ...
}

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

這只會改變懸停時的圖像

如果您想要一個很好的過渡，請使用過渡

使用Java腳本制作導航欄

問題描述

1 個解決方案

解決方案1
1 2013-11-05 18:27:23

使用Java腳本制作導航欄

問題描述

1 個解決方案

解決方案1 1 2013-11-05 18:27:23

解決方案1
1 2013-11-05 18:27:23