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 相关文章推荐
一段多浏览器的&quot;复制到剪贴板&quot;javascript代码
Mar 27 Javascript
网站被黑的假象--ARP欺骗之页面中加入一段js
May 16 Javascript
css transform 3D幻灯片特效实现步骤解读
Mar 27 Javascript
js Array操作的最简短最容易理解方法
Dec 09 Javascript
jquery判断对象是否为空并遍历对象的简单实例
Jul 26 Javascript
jQuery中each循环的跳出和结束实例
Aug 16 jQuery
Vue keep-alive实践总结(推荐)
Aug 31 Javascript
vue使用element-ui的el-input监听不了回车事件的解决方法
Jan 12 Javascript
vue实现图片预览组件封装与使用
Jul 13 Javascript
JavaScript canvas绘制圆弧与圆形
Feb 18 Javascript
详解webpack-dev-middleware 源码解读
Mar 23 Javascript
js闭包和垃圾回收机制示例详解
Mar 01 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解答方法
2012/02/04 PHP
双冒号 ::在PHP中的使用情况
2015/11/05 PHP
PHP实现长轮询消息实时推送功能代码实例讲解
2021/02/26 PHP
document.all与WEB标准
2020/05/13 Javascript
关于JS数组追加数组采用push.apply的问题
2014/06/09 Javascript
两种方法基于jQuery实现IE浏览器兼容placeholder效果
2014/10/14 Javascript
Javascript 是你的高阶函数(高级应用)
2015/06/15 Javascript
简单总结JavaScript中的String字符串类型
2016/05/26 Javascript
JS中innerHTML和pasteHTML的区别实例分析
2016/06/22 Javascript
简单模拟node.js中require的加载机制
2016/10/27 Javascript
微信小程序 登录实例详解
2017/01/16 Javascript
详解如何在NodeJS项目中优雅的使用ES6
2017/04/22 NodeJs
Angularjs之如何在跨域请求中传输Cookie的方法
2018/06/01 Javascript
微信小程序自定义菜单切换栏tabbar组件代码实例
2019/12/30 Javascript
nodejs各种姿势断点调试的方法
2020/06/18 NodeJs
Python help()函数用法详解
2014/03/11 Python
python获取当前计算机cpu数量的方法
2015/04/18 Python
Python中使用hashlib模块处理算法的教程
2015/04/28 Python
python统计文本文件内单词数量的方法
2015/05/30 Python
python+matplotlib实现礼盒柱状图实例代码
2018/01/16 Python
python实现画圆功能
2018/01/25 Python
numpy中实现ndarray数组返回符合特定条件的索引方法
2018/04/17 Python
wxPython:python首选的GUI库实例分享
2019/10/05 Python
python提取xml里面的链接源码详解
2019/10/15 Python
python如何通过闭包实现计算器的功能
2020/02/22 Python
Django与AJAX实现网页动态数据显示的示例代码
2021/02/24 Python
欧洲第一的摇滚和金属乐队服装网站:EMP
2017/10/26 全球购物
Why we need EJB
2016/10/20 面试题
毕业生毕业总结的自我评价范文
2013/11/02 职场文书
特色蛋糕店创业计划书
2014/01/28 职场文书
揠苗助长教学反思
2014/02/04 职场文书
优秀毕业自我鉴定
2014/02/15 职场文书
供应链金融服务方案
2014/05/25 职场文书
保密工作目标责任书
2014/07/28 职场文书
2014年实验室工作总结
2014/12/03 职场文书
银行客户经理岗位职责
2015/04/09 职场文书