87,989
社区成员
发帖
与我相关
我的任务
分享关于添加css样式的问题
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
#menu {
width:1000px;
margin:0 auto;
height:65px;
background:#000;
font-size:12px;
}
#menu A {
color:#FFF;
text-decoration:none;
}
#menu A:hover {
font-size:16px;
}
#menu SPAN.current {
border-right:#0F0 1px solid;
width:100px;
float:left;
line-height:65px;
COLOR: #fff;
text-align:center;
}
.selected {
background:#C60;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("span").click(function () {
$(this).each(function(){
$(this).toggleClass("selected");
});
})
})
</script>
<title>无标题文档</title>
</head>
<body>
<div id="menu"> <a href=""><span class="current">首页</span></a><a href=""><span class="current">关于</span></a><a href=""><span class="current">招聘</span></a></div>
</body>
</html>
问题:点击后为何背景没有变色？
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
#menu {
width:1000px;
margin:0 auto;
height:65px;
background:#000;
font-size:12px;
}
#menu A {
color:#FFF;
text-decoration:none;
}
#menu A:hover {
font-size:16px;
}
#menu SPAN.current {
border-right:#0F0 1px solid;
width:100px;
float:left;
line-height:65px;
COLOR: #fff;
text-align:center;
}
.selected {
background:#C60;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("span").click(function () {
$(this).each(function(){
$(this).toggleClass("selected");
});
})
})
</script>
<title>无标题文档</title>
</head>
<body>
<div id="menu"> <a href=""><span class="current">首页</span></a><a href=""><span class="current">关于</span></a><a href=""><span class="current">招聘</span></a></div>
</body>
</html>
问题:点击后为何背景没有变色？
...全文
请发表友善的回复…
发表回复
liangws 2011-10-21
- 打赏
- 举报
如果要跳转的话，要进入页面的时候判断是哪个导航条，直接修改样式。。
zell419 2011-10-21
- 打赏
- 举报
[Quote=引用 2 楼 zhaojunwww 的回复:]
引用 1 楼 zell419 的回复:
HTML code
<a href="javascript:;"><span class="current">首页</span></a>
页面刷新了 。 ~
页面加上超链接就不行了 比如:
<div id="menu"> <a href="index.html"><span class="current">首页</span></……
[/Quote]
都链接过去了 当然不行了 。
引用 1 楼 zell419 的回复:
HTML code
<a href="javascript:;"><span class="current">首页</span></a>
页面刷新了 。 ~
页面加上超链接就不行了 比如:
<div id="menu"> <a href="index.html"><span class="current">首页</span></……
[/Quote]
都链接过去了 当然不行了 。
zhaojunwww 2011-10-21
- 打赏
- 举报
[Quote=引用 1 楼 zell419 的回复:]
HTML code
<a href="javascript:;"><span class="current">首页</span></a>
页面刷新了 。 ~
[/Quote]
页面加上超链接就不行了 比如:
<div id="menu"> <a href="index.html"><span class="current">首页</span></a><a href="about.html"><span class="current">关于</span></a><a href="zp.html"><span class="current">招聘</span></a></div>
HTML code
<a href="javascript:;"><span class="current">首页</span></a>
页面刷新了 。 ~
[/Quote]
页面加上超链接就不行了 比如:
<div id="menu"> <a href="index.html"><span class="current">首页</span></a><a href="about.html"><span class="current">关于</span></a><a href="zp.html"><span class="current">招聘</span></a></div>
zell419 2011-10-21
- 打赏
- 举报
<a href="javascript:;"><span class="current">首页</span></a>页面刷新了 。
~
