jQuery插件zepto.js简单实现tab切换

2019-12-18,,,

老规矩,先贴代码

<script>
  $(function(){
    window.onload = function()
    {
      var $li = $('.taocan-title li');
      var $ul = $('.taocan-content .con110');
            
      $li.mouseover(function(){
        var $this = $(this);
        var $t = $this.index();
        $li.removeClass();
        $this.addClass('active');
        $ul.css('display','none');
        $ul.eq($t).css('display','block');
      })
    }
  });
</script>

以上所述就是本文的全部内容了,希望大家能够喜欢。

您可能感兴趣的文章:

  • jQuery实现的tab标签切换效果示例
  • jquery实现简单Tab切换菜单效果
  • jquery编写Tab选项卡滚动导航切换特效
  • jQuery+css实现的tab切换标签(兼容各浏览器)
  • jQuery实现Tab选项卡切换效果简单演示
  • jQuery实现的Tab滑动选项卡及图片切换(多种效果)小结
  • jquery实现初次打开有动画效果的网页TAB切换代码
  • jQuery实现带延迟的二级tab切换下拉列表效果
  • jquery实现的仿天猫侧导航tab切换效果
  • 原生js与jQuery实现简单的tab切换特效对比
  • jQuery插件实现非常实用的tab栏切换功能【案例】

《jQuery插件zepto.js简单实现tab切换.doc》

下载本文的Word格式文档,以方便收藏与打印。