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 TextArea的选中区域处理
Dec 28 Javascript
基于Jquery的将DropDownlist的选中值赋给label的实现代码
May 06 Javascript
深入探密Javascript数组方法
Jan 08 Javascript
js实现九宫格图片半透明渐显特效的方法
Feb 16 Javascript
设计模式中的组合模式在JavaScript程序构建中的使用
May 18 Javascript
深入解析Javascript闭包的功能及实现方法
Jul 10 Javascript
jQuery.ajax实现根据不同的Content-Type做出不同的响应
Nov 03 Javascript
Node.js的Koa实现JWT用户认证方法
May 05 Javascript
Vue列表渲染的示例代码
Nov 01 Javascript
详解如何解决vue开发请求数据跨域的问题(基于浏览器的配置解决)
Nov 12 Javascript
详解JavaScript中的强制类型转换
Apr 15 Javascript
jQuery利用cookie 实现本地收藏功能(不重复无需多次命名)
Nov 07 jQuery
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下实现伪 url 的超简单方法[转]
2007/09/24 PHP
php数组函数序列之ksort()对数组的元素键名进行升序排序,保持索引关系
2011/11/02 PHP
简单说说PHP优化那些事(经验分享)
2014/11/27 PHP
Laravel实现构造函数自动依赖注入的方法
2016/03/16 PHP
php制作基于xml的RSS订阅源功能示例
2017/02/08 PHP
php使用filter_var函数判断邮箱,url,ip格式示例
2019/07/06 PHP
laravel5.1框架基础之Blade模板继承简单使用方法分析
2019/09/05 PHP
php使用redis的有序集合zset实现延迟队列应用示例
2020/02/20 PHP
js 判断 enter 事件
2009/02/12 Javascript
如何在父窗口中得知window.open()出的子窗口关闭事件
2013/10/15 Javascript
textarea焦点的用法实现获取焦点清空失去焦点提示效果
2014/05/19 Javascript
AngularJS教程之MVC体系结构详解
2016/08/16 Javascript
判断jQuery是否加载完成,没完成继续判断的解决方法
2017/12/06 jQuery
js判断输入框不能为空格或null值的实现方法
2018/03/02 Javascript
详解如何在vue项目中使用layui框架及采坑
2019/05/05 Javascript
JavaScript面向对象编程小游戏---贪吃蛇代码实例
2019/05/15 Javascript
微信小程序接入腾讯云验证码的方法步骤
2020/01/07 Javascript
[01:16:16]DOTA2-DPC中国联赛定级赛 RNG vs Phoenix BO3第二场 1月8日
2021/03/11 DOTA
跟老齐学Python之不要红头文件(1)
2014/09/28 Python
python使用Image处理图片常用技巧分析
2015/06/01 Python
对Python中for复合语句的使用示例讲解
2018/11/01 Python
Python批量查询关键词微信指数实例方法
2019/06/27 Python
python列表插入append(), extend(), insert()用法详解
2019/09/14 Python
Linux安装Python3如何和系统自带的Python2并存
2020/07/23 Python
如何通过python实现IOU计算代码实例
2020/11/02 Python
Python+MySQL随机试卷及答案生成程序的示例代码
2021/02/01 Python
详解CSS3中Media Queries的相关使用
2015/07/17 HTML / CSS
澳大利亚相机之家:Camera House
2017/11/30 全球购物
美赞臣营养马来西亚旗舰店:Enfagrow马来西亚
2019/07/26 全球购物
铁路安全事故反思
2014/04/26 职场文书
幼儿园六一活动总结
2014/08/27 职场文书
奥巴马上海演讲稿
2014/09/10 职场文书
毕业生就业推荐表导师评语
2014/12/31 职场文书
汤姆叔叔的小屋读书笔记
2015/06/30 职场文书
提档介绍信范文
2015/10/22 职场文书
浅谈vue2的$refs在vue3组合式API中的替代方法
2021/04/18 Vue.js