用jquery或javascript实现超链接颜色轮流变幻
<styletype="text/css">.current{color:red;}</style></head><body><div><ul><li><aclass="...
<style type="text/css">
.current{
color:red;
}
</style>
</head>
<body>
<div>
<ul>
<li><a class="current" href="javascript:void(0)">aa</a></li>
<li><a href="javascript:void(0)">bb</a></li>
<li><a href="javascript:void(0)">cc</a></li>
<li><a href="javascript:void(0)">dd</a></li>
</ul>
</div>
</body>
当我们点击第二个超链接的时候,第一个超链接的颜色就变到第二个超链接上,而第一个超链接的颜色就没有了,当我们在点击第一个超链接的时候,第二个超链接的颜色又变回第一个超链接上了,这时第二个超链接的颜色变成默认值的颜色了 展开
.current{
color:red;
}
</style>
</head>
<body>
<div>
<ul>
<li><a class="current" href="javascript:void(0)">aa</a></li>
<li><a href="javascript:void(0)">bb</a></li>
<li><a href="javascript:void(0)">cc</a></li>
<li><a href="javascript:void(0)">dd</a></li>
</ul>
</div>
</body>
当我们点击第二个超链接的时候,第一个超链接的颜色就变到第二个超链接上,而第一个超链接的颜色就没有了,当我们在点击第一个超链接的时候,第二个超链接的颜色又变回第一个超链接上了,这时第二个超链接的颜色变成默认值的颜色了 展开
2个回答
展开全部
<ul class="testUl">
<li><a class="current" href="javascript:void(0)">aa</a></li>
<li><a href="javascript:void(0)">bb</a></li>
<li><a href="javascript:void(0)">cc</a></li>
<li><a href="javascript:void(0)">dd</a></li>
</ul>
$(function(){
$('.testUl li a').click(function(){
$('.testUl li').children('a[class="current"]').removeClass("current");
$(this).addClass("current");
});
});
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询