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


Posted in Javascript onJune 16, 2015

老规矩,先贴代码

<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>

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

Javascript 相关文章推荐
JavaScript 封装Ajax传递的数据代码
Jun 05 Javascript
理解Javascript_08_函数对象
Oct 15 Javascript
jquery中ajax学习笔记一
Oct 16 Javascript
AngularJS学习笔记之TodoMVC的分析
Feb 22 Javascript
jQuery Mobile弹出窗、弹出层知识汇总
Jan 05 Javascript
详解Vue2.0里过滤器容易踩到的坑
Jun 01 Javascript
vue--点击当前增加class,其他删除class的方法
Sep 15 Javascript
vue-router的使用方法及含参数的配置方法
Nov 13 Javascript
微信小程序导航栏跟随滑动效果的实现代码
May 14 Javascript
JavaScript使用面向对象实现的拖拽功能详解
Jun 12 Javascript
vue使用原生swiper代码实例
Feb 05 Javascript
JavaScript获取URL参数的方法分享
Apr 07 Javascript
jQuery封装的tab选项卡插件分享
Jun 16 #Javascript
jquery插件splitScren实现页面分屏切换模板特效
Jun 16 #Javascript
简述JavaScript对传统文档对象模型的支持
Jun 16 #Javascript
纯javascript实现四方向文本无缝滚动效果
Jun 16 #Javascript
Bootstrap基础学习
Jun 16 #Javascript
简述JavaScript的正则表达式中test()方法的使用
Jun 16 #Javascript
常用DOM整理
Jun 16 #Javascript
You might like
PHP FOR MYSQL 代码生成助手(根据Mysql里的字段自动生成类文件的)
2011/07/23 PHP
PHP 使用pcntl和libevent 实现Timer功能
2013/10/27 PHP
PHP闭包函数详解
2016/02/13 PHP
Yii2框架BootStrap样式的深入理解
2016/11/07 PHP
dropdownlist之间的互相联动实现(显示与隐藏)
2009/11/24 Javascript
javascript 单例/单体模式(Singleton)
2011/04/07 Javascript
使用javascript获取flash加载的百分比的实现代码
2011/05/25 Javascript
基于JQuery 选择器使用说明介绍
2013/04/18 Javascript
如何动态的导入js文件具体该怎么实现
2014/01/14 Javascript
JavaScript使用Math.Min返回两个数中较小数的方法
2015/04/06 Javascript
jquery uploadify隐藏上传进度的实现方法
2017/02/06 Javascript
Bootstrap的popover(弹出框)2秒后定时消失的实现代码
2017/02/27 Javascript
浅谈实现vue2.0响应式的基本思路
2018/02/13 Javascript
vue中进入详情页记住滚动位置的方法(keep-alive)
2018/09/21 Javascript
微信小程序自定义tabBar在uni-app的适配详解
2019/09/30 Javascript
详解vue-flickity的fullScreen功能实现
2020/04/07 Javascript
[01:20:47]DOTA2-DPC中国联赛 正赛 Ehome vs Magma BO3 第一场 1月19日
2021/03/11 DOTA
python遍历类中所有成员的方法
2015/03/18 Python
python解决方案:WindowsError: [Error 2]
2016/08/28 Python
Python进阶篇之字典操作总结
2016/11/16 Python
python 数据的清理行为实例详解
2017/07/12 Python
Python Learning 列表的更多操作及示例代码
2018/08/22 Python
使用python搭建服务器并实现Android端与之通信的方法
2019/06/28 Python
python实现数据分析与建模
2019/07/11 Python
python plotly绘制直方图实例详解
2019/07/22 Python
python如何实现单链表的反转
2020/02/10 Python
python如何停止递归
2020/09/09 Python
Python urllib request模块发送请求实现过程解析
2020/12/10 Python
python实现控制台输出颜色
2021/03/02 Python
高三自我鉴定范文
2013/10/19 职场文书
平安建设实施方案
2014/03/19 职场文书
优秀管理者事迹材料
2014/05/22 职场文书
推广普通话标语
2014/06/27 职场文书
大四毕业生自荐书
2014/07/05 职场文书
三方合作意向书范本
2015/05/09 职场文书
用Python提取PDF表格的方法
2021/04/11 Python