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 setattribute批量设置css样式
Nov 26 Javascript
javascript 函数速查表
Feb 07 Javascript
Extjs NumberField后面加单位实现思路
Jul 30 Javascript
Javascript中引用示例介绍
Feb 21 Javascript
一个奇葩的最短的 IE 版本判断JS脚本
May 28 Javascript
纯js和css完成贪吃蛇小游戏demo
Sep 01 Javascript
利用JS实现页面删除并重新排序功能
Dec 09 Javascript
关于vue.js过渡css类名的理解(推荐)
Apr 10 Javascript
webuploader分片上传的实现代码(前后端分离)
Sep 10 Javascript
解决vue2 在mounted函数无法获取prop中的变量问题
Nov 15 Javascript
小程序二次贝塞尔曲线实现购物车商品曲线飞入效果
Jan 07 Javascript
vue 判断两个时间插件结束时间必选大于开始时间的代码
Nov 04 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
第十一节--重载
2006/11/16 PHP
snoopy PHP版的网络客户端提供本地下载
2008/04/15 PHP
PHP答题类应用接口实例
2015/02/09 PHP
PHP递归获取目录内所有文件的实现方法
2016/11/01 PHP
PHP使用星号替代用户名手机和邮箱的实现代码
2018/02/07 PHP
JavaScript小技巧 2.5 则
2010/09/12 Javascript
js根据给定的日期计算当月有多少天实现思路及代码
2013/02/25 Javascript
javascript实现数字+字母验证码的简单实例
2014/02/10 Javascript
Nodejs如何复制文件
2016/03/09 NodeJs
node.js 中国天气预报 简单实现
2016/06/06 Javascript
JS判断是否为JSON对象及是否存在某字段的方法(推荐)
2016/11/29 Javascript
详解JS中的立即执行函数
2017/02/24 Javascript
vue+swiper实现侧滑菜单效果
2017/12/28 Javascript
vue通过点击事件读取音频文件的方法
2018/05/30 Javascript
基于Vue实现关键词实时搜索高亮显示关键词
2018/07/21 Javascript
详解微信小程序的不同函数调用的几种方法
2019/05/08 Javascript
基于JavaScript获取url参数2种方法
2020/04/17 Javascript
Python基于百度AI的文字识别的示例
2018/04/21 Python
python用pandas数据加载、存储与文件格式的实例
2018/12/07 Python
Python3获取电脑IP、主机名、Mac地址的方法示例
2019/04/11 Python
python读写csv文件并增加行列的实例代码
2019/08/01 Python
Python更换pip源方法过程解析
2020/05/19 Python
迪卡侬荷兰官网:Decathlon荷兰
2017/10/29 全球购物
欧尚俄罗斯网上超市:Auchan俄罗斯
2018/05/03 全球购物
德国旅行、体验和活动的预订平台:Watado
2019/12/04 全球购物
会计专业自我鉴定范文
2013/10/06 职场文书
中层干部竞争上岗演讲稿
2014/01/13 职场文书
纠风工作实施方案
2014/03/15 职场文书
村干部培训班主持词
2014/03/28 职场文书
《北京的春节》教学反思
2014/04/07 职场文书
感恩节活动策划方案
2014/05/16 职场文书
电气工程及其自动化专业求职信
2014/06/23 职场文书
装饰公司活动策划方案
2014/08/23 职场文书
社区党建工作总结2015
2015/05/13 职场文书
合理化建议书范文
2015/09/14 职场文书
vue使用wavesurfer.js解决音频可视化播放问题
2022/04/04 Vue.js