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代码
Sep 17 Javascript
JQuery显示隐藏DIV的方法及代码实例
Apr 16 Javascript
Juery解决tablesorter中文排序和字符范围的方法
May 06 Javascript
JQuery.Ajax()的data参数类型实例详解
Nov 20 Javascript
angular directive的简单使用总结
May 24 Javascript
vue移动端轻量级的轮播组件实现代码
Jul 12 Javascript
详解vue-cli 3.0 build包太大导致首屏过长的解决方案
Nov 10 Javascript
Vue 框架之键盘事件、健值修饰符、双向数据绑定
Nov 14 Javascript
浅谈Vue为什么不能检测数组变动
Oct 14 Javascript
微信小程序vant弹窗组件的实现方式
Feb 21 Javascript
Vue结合路由配置递归实现菜单栏功能
Jun 16 Javascript
vue的hash值原理也是table切换实例代码
Dec 14 Vue.js
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执行批量mysql语句的解决方法
2013/05/02 PHP
php随机取mysql记录方法小结
2014/12/27 PHP
关于laravel 数据库迁移中integer类型是无法指定长度的问题
2019/10/09 PHP
JavaScript this调用规则说明
2010/03/08 Javascript
js循环改变div颜色具体方法
2013/06/25 Javascript
jquery设置text的值示例(设置文本框 DIV 表单值)
2014/01/06 Javascript
js+css简单实现网页换肤效果
2015/12/29 Javascript
Bootstrap Chart组件使用教程
2016/04/28 Javascript
Bootstrap Table表格一直加载(load)不了数据的快速解决方法
2016/09/17 Javascript
Node.js Express 框架 POST方法详解
2017/01/23 Javascript
微信小程序 本地数据读取实例
2017/04/27 Javascript
jQuery实现在HTML文档加载完毕后自动执行某个事件的方法
2017/05/08 jQuery
移动端效果之IndexList详解
2017/10/20 Javascript
JavaScript EventEmitter 背后的秘密 完整版
2018/03/29 Javascript
vue中如何实现后台管理系统的权限控制的方法示例
2018/09/19 Javascript
详解vue中this.$emit()的返回值是什么
2019/04/07 Javascript
jQuery实现条件搜索查询、实时取值及升降序排序的方法分析
2019/05/04 jQuery
vue 实现强制类型转换 数字类型转为字符串
2019/11/07 Javascript
vue实现折线图 可按时间查询
2020/08/21 Javascript
Python实现文件按照日期命名的方法
2015/07/09 Python
简析Python的闭包和装饰器
2016/02/26 Python
Python编程之Re模块下的函数介绍
2017/10/28 Python
详解Python的hasattr() getattr() setattr() 函数使用方法
2018/07/09 Python
关于pytorch中全连接神经网络搭建两种模式详解
2020/01/14 Python
django中嵌套的try-except实例
2020/05/21 Python
Python中格式化字符串的四种实现
2020/05/26 Python
keras 获取某层的输入/输出 tensor 尺寸操作
2020/06/10 Python
浅谈CSS3中的变形功能-transform功能
2017/12/27 HTML / CSS
澳大利亚小众服装品牌:Maurie & Eve
2018/03/27 全球购物
艺术系大学生毕业个人自我评价
2013/09/19 职场文书
医院护士的求职信
2014/01/03 职场文书
幼儿园教师节演讲稿
2014/09/03 职场文书
2014年工作总结与下年工作计划
2014/11/27 职场文书
2015年学校政教处工作总结
2015/05/26 职场文书
合理化建议书范文
2015/09/14 职场文书
Win10服务全部禁用了怎么启动?Win10服务全部禁用解决方法
2022/09/23 数码科技