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 相关文章推荐
jquery div 居中技巧应用介绍
Nov 24 Javascript
jQuery函数map()和each()介绍及异同点分析
Nov 08 Javascript
详解AngularJS的通信机制
Jun 18 Javascript
Jquery日历插件制作简单日历
Oct 28 Javascript
JS判断是否手机或pad访问实现方法
Dec 09 Javascript
Vue.js中使用iView日期选择器并设置开始时间结束时间校验功能
Aug 12 Javascript
vue动态绑定class选中当前列表变色的方法示例
Dec 19 Javascript
详解webpack引入第三方库的方式以及注意事项
Jan 15 Javascript
使用webpack搭建vue项目实现脚手架功能
Mar 15 Javascript
基于node简单实现RSA加解密的方法步骤
Mar 21 Javascript
如何提升vue.js中大型数据的性能
Jun 21 Javascript
vue + axios get下载文件功能
Sep 25 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
关于shopex同步ucenter的redirect问题,导致script不运行
2013/04/10 PHP
在IIS下安装PHP扩展的方法(超简单)
2017/04/10 PHP
WordPress免插件实现面包屑导航的示例代码
2020/08/20 PHP
prototype 1.5 &amp; scriptaculous 1.6.1 学习笔记
2006/09/07 Javascript
js 弹出框 替代浏览器的弹出框
2010/10/29 Javascript
Javascript 鼠标移动上去小三角形滑块缓慢跟随效果
2013/04/26 Javascript
JS获取文本框,下拉框,单选框的值的简单实例
2014/02/26 Javascript
javascript:void(0)的问题使用探讨
2014/04/10 Javascript
详解AngularJS过滤器的使用
2016/03/11 Javascript
Bootstrap3 模态框使用实例
2017/02/22 Javascript
当vue路由变化时,改变导航栏的样式方法
2018/08/22 Javascript
jQuery删除/清空指定元素的所有子节点实例代码
2019/07/04 jQuery
解决Vue动态加载本地图片问题
2019/10/09 Javascript
详解vue父子组件状态同步的最佳方式
2020/09/10 Javascript
vue中解决微信html5原生ios虚拟键返回不刷新问题
2020/10/20 Javascript
python中关于时间和日期函数的常用计算总结(time和datatime)
2013/03/08 Python
python使用7z解压软件备份文件脚本分享
2014/02/21 Python
通过Python使用saltstack生成服务器资产清单
2016/03/01 Python
Python2/3中urllib库的一些常见用法
2017/12/19 Python
Python图形绘制操作之正弦曲线实现方法分析
2017/12/25 Python
Python迭代器和生成器定义与用法示例
2018/02/10 Python
使用k8s部署Django项目的方法步骤
2019/01/14 Python
利用Python产生加密表和解密表的实现方法
2019/10/15 Python
css3新单位vw、vh的使用教程
2018/03/23 HTML / CSS
美国大尺码女装零售商:TORRID
2016/10/01 全球购物
澳洲国民品牌乡村路折扣店:Country Road & Trenery Outlet
2018/04/19 全球购物
营销主管自我评价怎么写
2013/09/19 职场文书
环境工程大学生个人的自我评价
2013/10/08 职场文书
兼职学生的自我评价
2013/11/24 职场文书
士力架广告词
2014/03/20 职场文书
语文教师个人工作总结
2015/02/06 职场文书
学年个人总结范文
2015/03/05 职场文书
歌咏比赛主持词
2015/06/29 职场文书
浅谈PostgreSQL表分区的三种方式
2021/06/29 PostgreSQL
golang中字符串MD5生成方式总结
2021/07/04 Golang
Springboot/Springcloud项目集成redis进行存取的过程解析
2021/12/04 Redis