js与jquery分别实现tab标签页功能的方法

本文实例讲述了js与jquery分别实现tab标签功能方法分享给大家供大家参考,具体如下:

首先列出样式和html标签

rush:xhtml;">
  • 2
  • 3
  • woshi2
    woshi3

    然后就是原生的js 实现tab标签代码

    rush:js;">

    那我们改用jquery实现 代码如下

    rush:js;"> $('#myul li').click(choose); $('#myul li').hover(choose); function choose(){ $(this).addClass('ssl').siblings().removeClass('ssl'); $('#container div').eq($(this).index()).show().siblings().hide(); }

    其实函数还可以简化:

    rush:js;"> function choose(){ $(this).addClass('ssl').siblings().removeClass('ssl').parent().next().children().eq($(this).index()).show().siblings().hide(); }

    更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《》、《》、《》、《》、《》、《》及《用法总结》

    希望本文所述对大家JavaScript程序设计有所帮助。

    相关文章

    页面搜索关键词突出 // 页面搜索关键词突出 $(function () {...
    jQuery实时显示日期、时间 html: <span id=&quot...
    jQuery 添加水印 <script src="../../../.....
    中文:Sys.WebForms.PageRequestManagerParserErrorExceptio...
    1. 用Response.Write方法 代码如下: Response.Write(&q...
    Jquery实现按钮点击遮罩加载,处理完后恢复 思路: 1.点击按...