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 相关文章推荐
基于node.js的快速开发透明代理
Dec 25 Javascript
最佳JS代码编写的14条技巧
Jan 09 Javascript
jQuery html()方法使用不了无法显示内容的问题
Aug 06 Javascript
javascript 回调函数详解
Nov 11 Javascript
jQuery使用中可能被XSS攻击的一些危险环节提醒
May 24 Javascript
jQuery插件passwordStrength密码强度指标详解
Jun 24 Javascript
JavaScript提高网站性能优化的建议(二)
Jul 24 Javascript
深入理解React中es6创建组件this的方法
Aug 29 Javascript
微信小程序使用第三方库Immutable.js实例详解
Sep 27 Javascript
vue学习之mintui picker选择器实现省市二级联动示例
Oct 12 Javascript
JavaScript 反射和属性赋值实例解析
Oct 28 Javascript
解决VUE双向绑定失效的问题
Oct 29 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使之能同时支持GIF和JPEG
2006/10/09 PHP
php实现的常见排序算法汇总
2014/09/08 PHP
php创建无限级树型菜单
2015/11/05 PHP
jquery隐藏标签和显示标签的实例
2013/11/11 Javascript
iframe的onreadystatechange事件在firefox下的使用
2014/04/16 Javascript
JavaScript中判断整数的多种方法总结
2014/11/08 Javascript
深入理解JavaScript编程中的同步与异步机制
2015/06/24 Javascript
JS实现为排序好的字符串找出重复行的方法
2016/03/02 Javascript
JS实现焦点图轮播效果的方法详解
2016/12/19 Javascript
详解react-native WebView 返回处理(非回调方法可解决)
2018/02/27 Javascript
vue解决弹出蒙层滑动穿透问题的方法
2018/09/22 Javascript
详解vue配置后台接口方式
2019/03/29 Javascript
优雅的处理vue项目异常实战记录
2019/06/05 Javascript
原生JS实现京东查看商品点击放大
2020/12/21 Javascript
[01:02:09]Liquid vs TNC 2019国际邀请赛淘汰赛 胜者组 BO3 第二场 8.21
2020/07/19 DOTA
Python的Flask框架中的Jinja2模板引擎学习教程
2016/06/30 Python
Numpy 将二维图像矩阵转换为一维向量的方法
2018/06/05 Python
解决Python2.7中IDLE启动没有反应的问题
2018/11/30 Python
对Python的zip函数妙用,旋转矩阵详解
2018/12/13 Python
详解Python_shutil模块
2019/03/15 Python
Python3操作读写CSV文件使用包过程解析
2020/04/10 Python
解决Pycharm 运行后没有输出的问题
2021/02/05 Python
Bench加拿大官方网站:英国城市服装品牌
2017/11/03 全球购物
如何进行Linux分区优化
2016/09/13 面试题
vue实现倒计时功能
2021/03/24 Vue.js
电气自动化自荐信
2013/10/10 职场文书
个人教师自我评价范文
2013/12/02 职场文书
个人自我评价和职业目标
2014/01/24 职场文书
学术会议主持词
2014/03/17 职场文书
排查整治工作方案
2014/06/09 职场文书
国际金融专业自荐信
2014/07/05 职场文书
天坛导游词
2015/02/02 职场文书
红白喜事主持词
2015/07/06 职场文书
《中彩那天》教学反思
2016/02/24 职场文书
node.js如何自定义实现一个EventEmitter
2021/07/16 Javascript
类和原型的设计模式之复制与委托差异
2022/07/07 Javascript