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 相关文章推荐
js中 关于undefined和null的区别介绍
Apr 16 Javascript
js动态删除div元素基本思路及实现代码
May 08 Javascript
javascript之Boolean类型对象
Jun 07 Javascript
JS中BOM相关知识点总结(必看篇)
Nov 22 Javascript
EasyUI学习之DataGird分页显示数据
Dec 29 Javascript
JS闭包可被利用的常见场景小结
Apr 09 Javascript
AngularJS+Bootstrap3多级导航菜单的实现代码
Aug 16 Javascript
JavaScript贪吃蛇小组件实例代码
Aug 20 Javascript
一步步教你利用Canvas对图片进行处理
Sep 19 Javascript
JavaScript定义及输出螺旋矩阵的方法详解
Dec 01 Javascript
微信小程序购物车、父子组件传值及calc的注意事项总结
Nov 14 Javascript
微信小程序实现点击导航标签滚动定位到对应位置
Nov 19 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
深入mysql_fetch_row()与mysql_fetch_array()的区别详解
2013/06/05 PHP
PHP调用API接口实现天气查询功能的示例
2017/09/21 PHP
PHP设计模式之模板模式定义与用法详解
2018/12/20 PHP
Avengerls vs KG BO3 第三场2.18
2021/03/10 DOTA
javascript编程起步(第四课)
2007/01/10 Javascript
jQuery之浮动窗口实现代码(两种方法)
2010/09/08 Javascript
JS保存、读取、换行、转Json报错处理方法
2013/06/14 Javascript
JS实现时间格式化的方式汇总
2013/10/16 Javascript
jquery实现的网页自动播放声音
2014/04/30 Javascript
JS生成不重复随机数组的函数代码
2014/06/10 Javascript
jQuery中:disabled选择器用法实例
2015/01/04 Javascript
浅析javascript中的DOM
2015/03/01 Javascript
在线所见即所得HTML编辑器的实现原理浅析
2015/04/25 Javascript
jquery左右全屏大尺寸多图滑动效果代码分享
2015/08/28 Javascript
JavaScript自学笔记(必看篇)
2016/06/23 Javascript
详解微信小程序开发之——wx.showToast(OBJECT)的使用
2017/01/18 Javascript
Angular实现搜索框及价格上下限功能
2018/01/19 Javascript
JS实现碰撞检测的方法分析
2018/01/19 Javascript
nodejs中实现修改用户路由功能
2019/05/24 NodeJs
JS+CSS实现随机点名(实例代码)
2019/11/04 Javascript
js实现多图和单图上传显示
2019/12/18 Javascript
python语言使用技巧分享
2016/05/31 Python
Python编程实现二分法和牛顿迭代法求平方根代码
2017/12/04 Python
Python内置模块hashlib、hmac与uuid用法分析
2018/02/12 Python
Python 元类实例解析
2018/04/04 Python
python遍历小写英文字母的方法
2019/01/02 Python
pandas读取CSV文件时查看修改各列的数据类型格式
2019/07/07 Python
解决IDEA 的 plugins 搜不到任何的插件问题
2020/05/04 Python
Python单元测试及unittest框架用法实例解析
2020/07/09 Python
利用CSS3实现折角效果实例源码
2016/09/28 HTML / CSS
HTML5之web workers_动力节点Java学院整理
2017/07/17 HTML / CSS
HTML5之WebGL 3D概述(下)—借助类库开发及框架介绍
2013/01/31 HTML / CSS
Linux不知道文件后缀名怎么判断文件类型
2012/04/26 面试题
《玩具柜台前的孩子》教学反思
2014/02/13 职场文书
2015年感恩节活动总结
2015/03/24 职场文书
微信早安问候语
2015/11/10 职场文书