如何使用 jquery 在单击链接时突出显示该链接?
例如,当我单击链接 class1_1 时,我想将此链接设为红色(或其他颜色)。
JavaScript 代码在这里:
<script type="text/javascript">
$(function(){
$("#menu li").each(function(){
$(this).click(function(event){
var ul=$(this).children("ul")
var span = $(this).children("span")
if(ul.html()!=null)
{
if(ul.css("display")=="none")
{
ul.css("display","block");
span.addClass("up")
}else
{
ul.css("display","none")
span.removeClass("up")
}
event.stopPropagation();
}else
{
event.stopPropagation();
}
});
});
return false;
});
</script>
html代码在这里:
<ul id="menu">
<li class="title"><span>class1 </span>
<ul>
<li><a href="">class1_1</a></li>
<li><a href="">class1_2</a></li>
</ul>
</li>
<li class="title"><span>class2</span>
<ul>
<li><span>class2_1</span>
<ul>
<li><a href="">class2_1_1</a></li>
<li><a href="">class2_1_1</a></li>
</ul>
</li>
</ul>
</li>
</ul>
也许我无法清楚地解释我的问题,我的意思是最后一个 onclick 链接使它成功
颜色为红色,另一个链接设置为默认颜色
可以使用 CSS,不需要 jQuery:
强调:
a:active {
background-color: #FF0000;
}
更改链接颜色:
a:active {
color: #FF0000;
}
编辑:回应您的评论...如果您的链接没有将浏览器定向到另一个页面,您可以使用迈克·罗宾逊的回答 https://stackoverflow.com/questions/813046/jquery-highlight-the-link-when-clicked/813083#813083无需离开页面且无需将颜色更改回默认 onblur 即可实现相同的效果。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)