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 25 Javascript
js 控制下拉菜单刷新的方法
Mar 03 Javascript
Jquery实现网页跳转或用命令打开指定网页的解决方法
Jul 09 Javascript
不使用ajax实现无刷新提交表单
Dec 21 Javascript
JavaScript中的数学运算介绍
Dec 29 Javascript
用JavaScript显示浏览器客户端信息的超相近教程
Jun 18 Javascript
纯JS实现表单验证实例
Dec 24 Javascript
原生JS实现图片网格式渐显、渐隐效果
Jun 05 Javascript
three.js 入门案例详解
Jan 23 Javascript
Vue父子组件双向绑定传值的实现方法
Jul 31 Javascript
你应该了解的JavaScript Array.map()五种用途小结
Nov 14 Javascript
JavaScript实现拖拽功能
Feb 11 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+dojo 的数据库保存拖动布局的一个方法dojo 这里下载
2007/03/07 PHP
PHP 利用AJAX获取网页并输出的实现代码(Zjmainstay)
2012/08/31 PHP
PHP文件与目录操作示例
2016/12/24 PHP
Laravel 微信小程序后端搭建步骤详解
2019/11/26 PHP
Yii中特殊行为ActionFilter的使用方法示例
2020/10/18 PHP
不错的asp中显示新闻的功能
2006/10/13 Javascript
javascript 获取网页参数系统
2008/07/19 Javascript
基于jquery的一行代码轻松实现拖动效果
2010/12/28 Javascript
jqTransform form表单美化插件使用方法
2012/07/05 Javascript
jquery 追加tr和删除tr示例代码
2013/09/12 Javascript
javascript字符串替换及字符串分割示例代码
2013/12/12 Javascript
js下将阿拉伯数字每三位一逗号分隔(如:15000000转化为15,000,000)
2014/06/02 Javascript
Javascript解析URL方法详解
2014/12/05 Javascript
使用jquery制作弹出框效果
2015/04/03 Javascript
Bootstrap基本插件学习笔记之模态对话框(16)
2016/12/08 Javascript
jquery.form.js异步提交表单详解
2017/04/25 jQuery
轻量级富文本编辑器wangEditor结合vue使用方法示例
2018/10/10 Javascript
Vue+Django项目部署详解
2019/05/30 Javascript
微信小程序实现打开并下载服务器上面的pdf文件到手机
2019/09/20 Javascript
VUE+node(express)实现前后端分离
2019/10/13 Javascript
用云开发Cloudbase实现小程序多图片内容安全监测的代码详解
2020/06/07 Javascript
基于vue中的scoped坑点解说
2020/09/04 Javascript
Python深入学习之装饰器
2014/08/31 Python
在Python的Django框架下使用django-tagging的教程
2015/05/30 Python
分享给Python新手们的几道简单练习题
2017/09/21 Python
python list转矩阵的实例讲解
2018/08/04 Python
Python读取指定日期邮件的实例
2019/02/01 Python
python实现对象列表根据某个属性排序的方法详解
2019/06/11 Python
django实现用户注册实例讲解
2019/10/30 Python
Python实现图片添加文字
2019/11/26 Python
python GUI库图形界面开发之PyQt5信号与槽多窗口数据传递详细使用方法与实例
2020/03/08 Python
日本民宿预约平台:STAY JAPAN
2017/07/01 全球购物
优秀大学生的自我评价
2014/01/16 职场文书
2014年四风问题个人对照自查剖析材料
2014/09/15 职场文书
导游词之海南天涯海角
2019/12/05 职场文书
SpringBoot整合阿里云视频点播的过程详解
2021/12/06 Java/Android