5个并列的<li>标签,做5个二级导航按钮。如何让点击哪个标签以后,就改变那个标签为<li class="<li class="current">我仔细研究了,不是js

recrec 发布于 2012/07/30 19:02
阅读 4K+
收藏 0

5个并列的<li>标签,做5个二级导航按钮。如何让点击哪个标签以后,就改变那个标签为<li class="<li class="current">我仔细研究了,不是js

这个应用很常见。如何简单实现。用一个变量??<li $current>  是这样??

求大神指点

加载中
0
yak
yak
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ru">
<head>
  <title></title>


  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<style type="text/css">

li {
 list-style:none;
border-radius:5px;
margin:3px;
padding:4px;
width:200px;
background:orange;
hegith:150%;
}
li.current{
background:gold;
}
</style>
<script type="text/javascript" src="jquery.js"></script>
</head>
<body>
  
<ul>

<li>aa 
<li>bb
<li>cc
</ul>
<script type="text/javascript">

$(document).ready(function(){
 $("li").click(function(){

$("li").removeClass("current");
$(this).addClass("current");

});

});



</script>
</body>
</html>

yak
yak
回复 @recrec : cookie或者url传递参数
recrec
recrec
感谢您的帮助。 如果打开的是新的页面。那么js会被刷新。 这个该如何处理呢?
0
龙上
龙上

浏览器/index.php?current=0

$current[$_GET['current']] = "class='current'";

<li $current[0]>

<li $current[1]>

<li $current[2]>

<li $current[3]>

<li $current[4]>

recrec
recrec
感谢您的帮助。这个能实现点击哪个按钮,然后这个按钮改变css吗?拜谢
0
douya_love
douya_love
用jq好像可以吧遍历这个导航  然后${this}.addClass("current");
返回顶部
顶部