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 全面解析各种浏览器网页中的JS 执行顺序
Feb 17 Javascript
jQuery Clone Bug解决代码
Dec 22 Javascript
ASP中Sub和Function的区别说明
Aug 30 Javascript
javascript Event对象详解及使用示例
Nov 22 Javascript
深入理解jquery中的事件与动画
May 24 Javascript
基于jQuery.validate及Bootstrap的tooltip开发气泡样式的表单校验组件思路详解
Jul 18 Javascript
jQuery实现Select左右复制移动内容
Aug 05 Javascript
bootstrap中selectpicker下拉框使用方法实例
Mar 22 Javascript
使用vue-route 的 beforeEach 实现导航守卫(路由跳转前验证登录)功能
Mar 22 Javascript
react redux入门示例
Apr 19 Javascript
d3.js实现自定义多y轴折线图的示例代码
May 30 Javascript
微信小程序 行的删除和增加操作实现详解
Sep 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和HTML5 FormData实现无刷新文件上传教程
2014/09/06 PHP
WordPress开发中的get_post_custom()函数使用解析
2016/01/04 PHP
ThinkPHP中Widget扩展的两种写法及调用方法详解
2017/05/04 PHP
关于php支持的协议与封装协议总结(推荐)
2017/11/17 PHP
PhpStorm配置Xdebug调试的方法步骤
2019/02/02 PHP
Gambit vs CL BO3 第一场 2.13
2021/03/10 DOTA
javaScript对文字按照拼音排序实现代码
2013/12/27 Javascript
jQuery实现单击按钮遮罩弹出对话框(仿天猫的删除对话框)
2014/04/10 Javascript
jquery实现导航固定顶部的效果仿蘑菇街
2014/10/22 Javascript
JS使用ajax从xml文件动态获取数据显示的方法
2015/03/24 Javascript
javascript实现根据时间段显示问候语的方法
2015/06/18 Javascript
Angularjs 实现移动端在线测评效果(推荐)
2017/04/05 Javascript
bootstrap日期控件问题(双日期、清空等问题解决)
2017/04/19 Javascript
xmlplus组件设计系列之列表(4)
2017/04/26 Javascript
vue-router实现webApp切换页面动画效果代码
2017/05/25 Javascript
jQuery实现table中两列CheckBox只能选中一个的示例
2017/09/22 jQuery
基于javascript中的typeof和类型判断(详解)
2017/10/27 Javascript
vue父组件向子组件(props)传递数据的方法
2018/01/02 Javascript
vue实现带复选框的树形菜单
2019/05/27 Javascript
在layui下对元素进行事件绑定的实例
2019/09/06 Javascript
Python之数据序列化(json、pickle、shelve)详解
2019/08/30 Python
python实现二分查找算法
2020/09/18 Python
只要五步 就可以用HTML5/CSS3快速制作便签贴特效(图)
2012/06/04 HTML / CSS
AmazeUI中各种的导航式菜单与解决方法
2020/08/19 HTML / CSS
什么是规则表达式
2012/05/03 面试题
编程用JAVA解析XML的方式
2013/07/07 面试题
中介公司区域经理岗位职责范本
2014/03/02 职场文书
学生会部长竞聘书
2014/03/31 职场文书
小学毕业典礼演讲稿
2014/09/09 职场文书
2015年全国科普日活动总结
2015/03/23 职场文书
公司职员入党自传书
2015/06/26 职场文书
董事长致辞
2015/07/29 职场文书
《正比例》教学反思
2016/02/23 职场文书
用php如何解决大文件分片上传问题
2021/07/07 PHP
利用Python多线程实现图片下载器
2022/03/25 Python
vue修饰符.capture和.self的区别
2022/04/22 Vue.js