在一个页面里有N个hyperlink，css里有高亮显示的类.actived，怎样才能使得当前选中的连接的cssclass=actived,该如何处理-JavaSript-爱易网页

在一个页面里有N个hyperlink，css里有高亮显示的类.actived，怎样才能使得当前选中的连接的cssclass=actived,该如何处理

日期：2014-05-16　浏览次数：20587 次

在一个页面里有N个hyperlink，css里有高亮显示的类.actived，怎样才能使得当前选中的连接的cssclass=actived
如题所示，使ASP.NET的被选中的连接高亮显示

------解决方案--------------------

探讨
<asp:HyperLink ID="HyperLink1" runat="server" onclick="this.className='actived'">HyperLink</asp:HyperLink>

------解决方案--------------------
用jquery非常容易

JScript code


$("#id").click(function(){
    $(this).addClass('actived');
});

------解决方案--------------------

HTML code<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
 <head>
  <title> New Document </title>
  <style type="text/css">
    .visited{
        color: #000000;
    }

    a{
        color: #FF0000;
    }
  </style>
  <script type="text/javascript">
    var current = null;
    function select(lnk){
        if(current != null && current != lnk){
            current.className = "";
        }
        current = lnk;
        current.className = "visited";
    }
  </script>
 </head>

 <body>
    <a href="#" onclick="select(this);">link1</a>
    <a href="#" onclick="select(this);">link1</a>
    <a href="#" onclick="select(this);">link1</a>
    <a href="#" onclick="select(this);">link1</a>
    <a href="#" onclick="select(this);">link1</a>
    <a href="#" onclick="select(this);">link1</a>
    <a href="#" onclick="select(this);">link1</a>
 </body>
</html>

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

在一个页面里有N个hyperlink，css里有高亮显示的类.actived，怎样才能使得当前选中的连接的cssclass=actived,该如何处理

相关资料更多>

推荐阅读更多>