Fatal编程技术网

使用Javascript制作导航栏

javascript html

使用Javascript制作导航栏,javascript,html,Javascript,Html,我有一个网页，上面有一个导航栏，我希望当你把鼠标移到另一个文件上时，它会显示为改变颜色，而这个文件就是不同颜色的图像。我想做一个函数，将创建这个酒吧的HTML代码。我是从这里开始的，但我不知道该怎么办 <html> <head> <script LANGUAGE="JavaScript"> function NavigationBar() { var reg1 = new Image v

我有一个网页，上面有一个导航栏，我希望当你把鼠标移到另一个文件上时，它会显示为改变颜色，而这个文件就是不同颜色的图像。我想做一个函数，将创建这个酒吧的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>


函数导航栏（）{
var reg1=新图像
var red1=新图像
reg1.src=“1.gif”
red1.src=“1R.gif”
onMouseOver=“document.thereg1.src=red1.src”
onMouseOut=“document.thereg1.src=reg1.src”
}
您甚至不必使用Javascript来实现这一点

只需坚持使用CSS，因为这样做非常简单：

link {

background-image: url ...
}

link:hover{
background-image: ..
transition : background-image 0.5s ease-in-out;
}
这只会更改悬停时的图像

如果你想有一个好的过渡使用过渡

你是指酒吧颜色还是链接背景颜色？不管怎样，这两个都可以用CSS来完成，javascript可能是杀伤力过大了