WORKS作品

• 鼠标点击(click)选项卡(TAB)效果代码

  2008-06-15

  版权声明：转载时请以超链接形式标明文章原始出处和作者信息及本声明
  http://shipin.blogbus.com/logs/22952235.html
  
  

  如果你不喜欢鼠标滑过选项卡--那就当鼠标点击标签显示不同标签下的内容的选项卡效果。

  鼠标点击(click)选项卡(TAB)效果代码同样基于jquery技术，兼容各大浏览器。
  范例：鼠标点击(click)选项卡(TAB)效果代码

  用在大巴上的方法步骤和鼠标滑过(hover)选项卡(TAB)效果代码基本一样,可参考一下.
  只是在header中的代码有点出入,代码如下:

  <script src="http://www.google.com/jsapi"></script>
  <script>google.load("jquery", "1");</script>
  <script type="text/javascript">
  $(document).ready(function(){
   $("#tab div").hide().filter(":first").show();
   $("div#tab .opts a").click(function () {
    $("#tab div").hide();
    $("#tab div").filter($(this).attr("href")).show();
    $("#tab .opts a").removeClass("selected");
    $(this).addClass("selected");
    return false;
   }).filter(":first").click();
  });
  </script>

  这里不在赘述.

  
  

  随机文章：

  规定时间内显示*隐藏浮动层效果代码 2008-06-29

  超链接按类型加样式效果代码 2008-06-22

  鼠标滑过(hover)选项卡(TAB)效果代码 2008-06-15

  发布日期纵向效果代码 2008-05-08

  评论双样式效果代码 2008-05-03

  
  收藏到：Del.icio.us

  
  
  
  
  

  Tags: Javascript CSS

  引用: