我有一个导航栏,其中包含用于指向网站其他页面的链接的图像。我正在尝试为列表中的链接获得鼠标悬停或悬停效果。基本上,我对每个按钮有不同的图像,当用户滚动鼠标悬停来点击链接时,我想显示这个图像。 (!如果需要的jQuery或Java是罚款)的HTML是:导航栏链接的鼠标悬停/悬停事件
<body>
<div id="container" style="images/logo.png">
<p id="logo"><img class="project14"src="images/NavBar-01.png"></a></p>
<ul id="nav">
<li id=><a href="work.html"><img src="images/NavBar-02.png"></a></li>
<li id=><a href="about.html"><img src="images/NavBar-03.png"></a></li>
<li id=><a href="resume.html"><img src="images/NavBar-04.png"></a></li>
</ul>
,我有CSS是:
ul#nav {
width: 956px; list-style: none; overflow: hidden; margin: -117px 0 60px 0;
}
ul#nav li {
width: 145px; height: 109px; float: right;
}
帮助深表感谢!
我得到这个工作,但在我的CSS它使用:背景图像:网址( '图像/ NavBar.png');可以将URL用于位于桌面上的文件夹中而不是网络上的图像? – user1762373