导航栏代码，如图：不点击时显示图一，点击“摄影”或者将鼠标放在“摄影”上，会显示图二样式
注：我做的导航栏是一个个的小图片，不是这种颜色的色块，求实现这个的代码直接给我代码哦！我是帮别人问的，所以我需要知道具体的实现代码，谢谢亲们！...
注：我做的导航栏是一个个的小图片，不是这种颜色的色块，求实现这个的代码
直接给我代码哦！我是帮别人问的，所以我需要知道具体的实现代码，谢谢亲们！ 展开
直接给我代码哦！我是帮别人问的，所以我需要知道具体的实现代码，谢谢亲们！ 展开
3个回答
展开全部
点击完变成其它颜色是要用到JS的， 单CSS只能实现鼠标经过的时候显示其它颜色！
叫你那朋友百度一下JS导航特效，肯定会找到的，给你百度了一断类似代码，保存到.html文件下预览就行了 background 为背景色， color为字体色
<html>
<head>
<script type="text/javascript">
window.onload=function(){
var oA=document.getElementsByTagName('a');
for(var i=0;i<oA.length;i++){
oA[i].onclick=function() {
for(var i=0;i<oA.length;i++){
oA[i].style.background="";
oA[i].style.color="";
}
this.style.background='#000';
this.style.color='red';
}
}
}
</script>
</head>
<body>
<a href="#">第一个链接</a>
<a href="#">第二个链接</a>
<a href="#">第三个链接</a>
<a href="#">第四个链接</a>
<a href="#">第五个链接</a>
</body>
</html>
叫你那朋友百度一下JS导航特效，肯定会找到的，给你百度了一断类似代码，保存到.html文件下预览就行了 background 为背景色， color为字体色
<html>
<head>
<script type="text/javascript">
window.onload=function(){
var oA=document.getElementsByTagName('a');
for(var i=0;i<oA.length;i++){
oA[i].onclick=function() {
for(var i=0;i<oA.length;i++){
oA[i].style.background="";
oA[i].style.color="";
}
this.style.background='#000';
this.style.color='red';
}
}
}
</script>
</head>
<body>
<a href="#">第一个链接</a>
<a href="#">第二个链接</a>
<a href="#">第三个链接</a>
<a href="#">第四个链接</a>
<a href="#">第五个链接</a>
</body>
</html>
追问
可以把QQ号私信我吗？我把做的发你看下，为什么单击不能实现，双击才可以
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
点击、或经过图片时，改变 引用的图片地址，就可以了
更多追问追答
追问
能否给代码
追答
没有图片， 不会做， 但思路是对的
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
*{margin:0;padding:0;}
ul,ol,li{list-style:none;}
a{text-decoration:none; color:#fff;}
body{font-size:14px; font-family:"微软雅黑"}
.box{width:100%; height:40px; background:#415565;}
.box ul{width:1000px; margin:0px auto;}
.box ul li{float:left; height:40px; line-height:40px;}
.box ul li a{display:block; width:100px; text-align:center; font-weight:bold}
.box ul li a:hover{background:#fff; color:#da0e76;}
</style>
</head>
<body>
<div class="box">
<ul>
<li><a href="">摄影</a></li>
<li><a href="">摄影</a></li>
<li><a href="">摄影</a></li>
<li><a href="">摄影</a></li>
<li><a href="">摄影</a></li>
<li><a href="">摄影</a></li>
<li><a href="">摄影</a></li>
<li><a href="">摄影</a></li>
</ul>
</div>
</body>
</html>
更多追问追答
追问
你好，我的导航是由一个个图片形成的，首页是一张图片，然后点击和移动到这个首页上面时变成另一张图片，能否改下，谢谢
追答
将hover里面的背景色改成图片路径就行了（我也是真有耐心来回答你这么简单的问题）
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
