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 相关文章推荐
限制复选框的最大可选数
Jul 01 Javascript
Javascript中的常见排序算法
Mar 27 Javascript
javascript RadioButtonList获取选中值
Apr 09 Javascript
初学js插入节点appendChild insertBefore使用方法
Jul 04 Javascript
js格式化时间的方法
Dec 18 Javascript
javascript实现在网页中运行本地程序的方法
Feb 03 Javascript
Node.js复制文件的方法示例
Dec 29 Javascript
JavaScript和jQuery制作光棒效果
Feb 24 Javascript
Kotlin学习第一步 kotlin语法特性
May 25 Javascript
使用InstantClick.js让页面提前加载200ms
Sep 12 Javascript
写给新手同学的vuex快速上手指北小结
Apr 14 Javascript
vue实现移动端拖动排序
Aug 21 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
追忆往昔!浅谈收音机的百年发展历史
2021/03/01 无线电
php,ajax实现分页
2008/03/27 PHP
php mysql数据库操作类
2008/06/04 PHP
php echo 输出字符串函数详解
2010/05/13 PHP
Yii2 GridView实现列表页直接修改数据的方法
2016/05/16 PHP
Zend Framework数据库操作方法实例总结
2016/12/11 PHP
Laravel6.0.4中将添加计划任务事件的方法步骤
2019/10/15 PHP
jQuery 瀑布流 绝对定位布局(二)(延迟AJAX加载图片)
2012/05/23 Javascript
IFrame跨域高度自适应实现代码
2012/08/16 Javascript
js异常捕获方法介绍
2013/04/10 Javascript
自己动手手写jQuery插件总结
2015/01/20 Javascript
jquery实现用户登陆界面(示例讲解)
2017/09/06 jQuery
vue注册组件的几种方式总结
2018/03/08 Javascript
javascript面向对象创建对象的方式小结
2019/07/29 Javascript
js实现左右轮播图
2020/01/09 Javascript
Nodejs环境实现socket通信过程解析
2020/07/03 NodeJs
vue 通过绑定事件获取当前行的id操作
2020/07/27 Javascript
[02:28]PWL开团时刻DAY3——Ink Ice与DeMonsTer之间的勾心斗角
2020/11/03 DOTA
Python编写检测数据库SA用户的方法
2014/07/11 Python
python 实现判断ip连通性的方法总结
2018/04/22 Python
python批量查询、汉字去重处理CSV文件
2018/05/31 Python
python 读取文件并把矩阵转成numpy的两种方法
2019/02/12 Python
使用pyinstaller打包PyQt4程序遇到的问题及解决方法
2019/06/24 Python
Python批量修改图片分辨率的实例代码
2019/07/04 Python
在macOS上搭建python环境的实现方法
2019/08/13 Python
python_mask_array的用法
2020/02/18 Python
HTML5之SVG 2D入门4—笔画与填充
2013/01/30 HTML / CSS
Overload和Override的区别。Overloaded的方法是否可以改变返回值的类型
2013/10/30 面试题
Unix控制后台进程都有哪些进程
2016/09/22 面试题
怎样有效的进行自我评价
2013/10/06 职场文书
园林设计专业毕业生求职信
2014/03/23 职场文书
2014年干部作风建设总结
2014/10/23 职场文书
工人先锋号事迹材料
2014/12/24 职场文书
功夫熊猫观后感
2015/06/10 职场文书
Redis如何实现分布式锁
2021/08/23 Redis
vue实力踩坑之push当前页无效
2022/04/10 Vue.js