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 相关文章推荐
前端开发部分总结[兼容性、DOM操作、跨域等](持续更新)
Mar 04 Javascript
利用location.hash实现跨域iframe自适应
May 04 Javascript
JavaScript中获取未知对象属性的代码
Apr 27 Javascript
js取消单选按钮选中示例代码
Nov 14 Javascript
JS把内容动态插入到DIV的实现方法
Jul 19 Javascript
Bootstrap框架实现广告轮播效果
Nov 28 Javascript
js return返回多个值,通过对象的属性访问方法
Feb 21 Javascript
three.js中文文档学习之如何本地运行详解
Nov 20 Javascript
JS交互点击WKWebView中的图片实现预览效果
Jan 05 Javascript
JavaScript DOM元素常见操作详解【添加、删除、修改等】
May 09 Javascript
layer弹出层显示在top顶层的方法
Sep 11 Javascript
微信小程序实现modal弹出框遮罩层组件(可带文本框)
Dec 20 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_MySQL教程-第一天
2007/03/18 PHP
PHP调用Linux命令权限不足问题解决方法
2015/02/07 PHP
在WordPress中获取数据库字段内容和添加主题设置菜单
2016/01/11 PHP
Laravel如何同时连接多个数据库详解
2019/08/13 PHP
js使用函数绑定技术改变事件处理程序的作用域
2011/12/26 Javascript
ASP.NET中AJAX 调用实例代码
2012/05/03 Javascript
div拖拽插件——JQ.MoveBox.js(自制JQ插件)
2013/05/17 Javascript
jQuery图片切换插件jquery.cycle.js使用示例
2014/06/16 Javascript
JS输入用户名自动显示邮箱后缀列表的方法
2015/01/27 Javascript
JavaScript实现数组随机排序的方法
2015/06/26 Javascript
详解JavaScript的Date对象(制作简易钟表)
2020/04/07 Javascript
jQuery选择器总结之常用元素查找方法
2016/08/04 Javascript
基于AngularJS实现iOS8自带的计算器
2016/09/12 Javascript
JS优化与惰性载入函数实例分析
2017/04/06 Javascript
微信小程序与php 实现微信支付的简单实例
2017/06/23 Javascript
简单实现js放大镜效果
2017/07/24 Javascript
使用vue如何构建一个自动建站项目
2018/02/05 Javascript
在vue项目中,使用axios跨域处理
2018/03/07 Javascript
Vue 获取数组键名的方法
2018/06/21 Javascript
通过js随机函数Math.random实现乱序
2020/05/19 Javascript
Python Tkinter简单布局实例教程
2014/09/03 Python
在RedHat系Linux上部署Python的Celery框架的教程
2015/04/07 Python
修改默认的pip版本为对应python2.7的方法
2018/11/06 Python
pandas实现将dataframe满足某一条件的值选出
2019/06/12 Python
django 通过URL访问上传的文件方法
2019/07/28 Python
pytorch之inception_v3的实现案例
2020/01/06 Python
美国高端医师级美容产品电商:BeautifiedYou.com
2017/04/17 全球购物
我们在web应用开发过程中经常遇到输出某种编码的字符,如iso8859-1等,如何输出一个某种编码的字符串?
2014/03/30 面试题
幼儿园教师辞职信
2014/01/18 职场文书
物理教学随笔感言
2014/02/22 职场文书
《阳光》教学反思
2014/02/23 职场文书
成品库仓管员岗位职责
2014/04/06 职场文书
《跟踪台风的卫星》教学反思
2014/04/10 职场文书
感恩父母的演讲稿
2014/05/06 职场文书
教你快速构建一个基于nginx的web集群项目
2021/11/27 Servers