Javascript 突出显示活动链接的简单方法

在以下场景中，如何突出显示活动链接

我给出了

.spcusr:hover，.spcusr:active{color:#adsder；}

在这种情况下，hover属性起作用，但活动属性不起作用，因为它不是静态链接。我是否可以向活动范围显示不同的颜色？？蒂纳克斯

<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/jquery-ui.min.js"></script>
<script type="text/javascript">
    $(function() {
        $( "#accordion" ).accordion({
            autoHeight: false,
            collapsible: true,
            navigation: true
        });
    });
</script>
<script type="text/javascript">
    $(document).ready(function () {
        window.showim = function(src) {
            $("#divcont").html(src);
        };
    });
</script>
<h3>
    <a href="#" style="height:200px;">
        <img src="unitedstates.jpg" width="100%" alt=""/>
    </a>
</h3>
<div>
    <span class="spcusr" onclick="showim('<h1>This is active now</h1>');">CLICK ME</span>
    <span class="spcusr" onclick="showim('<h1>This is active now</h1>');">CLICK ME</span>
    <span class="spcusr" onclick="showim('<h1>This is active now</h1>');">CLICK ME</span>
</div>
<div id="divcont"></div>

$（函数（）{
$（“手风琴”）。手风琴({
自动高度：false，
可折叠的：是的，
导航：正确
});
});
$（文档）.ready（函数（）{
window.showim=函数（src）{
$（“#divcont”）.html（src）；
};
});
点击我
点击我
点击我

使用jquery为活动链接添加单独的类

使用jquery为活动链接添加单独的类

---

当然，您可以在HTML中为当前活动的span设置活动类

<span class="spcusr active" onclick="showim('<h1>This is active now</h1>');">CLICK ME</span>
<span class="spcusr" onclick="showim('<h1>This is active now</h1>');">CLICK ME</span>
<span class="spcusr" onclick="showim('<h1>This is active now</h1>');">CLICK ME</span>

点击我
点击我
点击我
这里有一个


当然，您可以在HTML中为当前活动的span设置活动类

<span class="spcusr active" onclick="showim('<h1>This is active now</h1>');">CLICK ME</span>
<span class="spcusr" onclick="showim('<h1>This is active now</h1>');">CLICK ME</span>
<span class="spcusr" onclick="showim('<h1>This is active now</h1>');">CLICK ME</span>

点击我
点击我
点击我
使用CSS是不可能的，所以请使用jquery

创建一个单独的活动类，并在单击函数时添加它

$('.spcusr').click(function () {        
     $('.spcusr').removeClass('active');
    $(this).addClass('active');     
});

演示
使用CSS是不可能的，所以请使用jquery

创建一个单独的活动类，并在单击函数时添加它

$('.spcusr').click(function () {        
     $('.spcusr').removeClass('active');
    $(this).addClass('active');     
});

演示css

.active{color:#cdcdcd}

Jquery

$(document).ready(function() {
  $('.spcusr').click(function() {
    $('.spcusr').removeClass('active');
    $(this).addClass('active');
  });
});

css

.active{color:#cdcdcd}

Jquery

$(document).ready(function() {
  $('.spcusr').click(function() {
    $('.spcusr').removeClass('active');
    $(this).addClass('active');
  });
});

根据您当前的标记和js：

onclick="showim('<h1>This is active now</h1>', this);"
//---------------------------------------------^^^^---pass current el here

$(document).ready(function () {
   window.showim = function(src, el) { //<----get it here
       $(el).addClass('active').siblings('.spcusr').removeClass('.active');
       $("#divcont").html(src);
   };
});

根据您当前的标记和js：

onclick="showim('<h1>This is active now</h1>', this);"
//---------------------------------------------^^^^---pass current el here

$(document).ready(function () {
   window.showim = function(src, el) { //<----get it here
       $(el).addClass('active').siblings('.spcusr').removeClass('.active');
       $("#divcont").html(src);
   };
});

谢谢Sowmya，我刚刚查看了你的博客，找到了你的电子邮件地址并向你发送了一封电子邮件。谢谢Sowmya，我刚刚查看了你的博客，找到了你的电子邮件地址并给你发了一封电子邮件。你能看一下吗，谢谢。