jQuery插件zepto.js简单实现tab切换

老规矩，先贴代码

<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>

以上所述就是本文的全部内容了，希望大家能够喜欢。

您可能感兴趣的文章:

• 浅谈移动端之js touch事件 手势滑动事件
• 移动端js触摸事件详解
• touch.js 拖动、缩放、旋转 （鼠标手势）功能代码
• 基于touch.js手势库+zepto.js插件开发图片查看器（滑动、缩放、双击缩放）
• 移动端脚本框架Hammer.js
• Hammer.js+轮播原理实现简洁的滑屏功能
• zepto.js中tap事件阻止冒泡的实现方法
• 基于zepto.js实现仿手机QQ空间的大图查看组件ImageView.js详解
• 基于zepto.js简单实现上传图片
• js移动端事件基础及常用事件库详解