jQuery模拟超链接点击效果代码

复制代码 代码如下:

  <style type="text/css">

  .divFrame {

  width:260px;border:1px solid #666;font-size:10pt;

  }

  .divTitle {

  background-color:#eee;padding:5px;

  }

  .divContent {

  padding:5px;display:none;

  }

  .divCurrColor {

  background-color:red;

  }

  </style>

  <script src="jQuery/jquery-1.9.1.js"></script>

  <script type="text/javascript">

  $(function () {

  $('.divTitle').click(function () {

  $(this).addClass('divCurrColor').next('.divContent').css('display', 'block');

  })

  })

  </script>

  </head>

  <body>

  <div class="divFrame">

  <div class="divTitle">主题</div>

  <div class="divContent">

  <a href="#">链接一</a><br />

  <a href="#">链接二</a><br />

  <a href="#">链接三</a>

  </div>

  </div>

  </body>