您好,欢迎来到jQuery吧!QQ群:193687763(钱端开发)

jQuery吧-Write Less, Do More | 注重前端开发

首页 > jQuery > jQuery特效 > jQuery选项卡特效 > 正文

jQuery Tab标签自动切换特效

2015-04-09 07:04:29 作者:天外飞仙 人气:815 Views

jQuery Tab标签自动切换特效
20150409161848
部分jquery代码

$(document).ready(function() { $('#list_mark em:first').addClass('emon'); $('.list1:first').css('display', 'block'); autoroll(); hookThumb();}) var i = -1; //第i+1个tab开始var offset = 3000; //轮换时间var timer = null;function autoroll() { n = $('#list_mark em').length - 1; i++; if (i > n) { i = 0; } slide(i); timer = window.setTimeout(autoroll, offset);}function slide(i) { $('#list_mark em').eq(i).addClass('emon').siblings().removeClass('emon'); $('.list1').eq(i).css('display', 'block').siblings('.list1').css('display', 'none');}function hookThumb() { $('#list_mark em').hover(function() { if (timer) { clearTimeout(timer); i = $(this).prevAll().length; slide(i); } }, function() { timer = window.setTimeout(autoroll, offset); this.blur(); return false; });}

下载地址
预览地址

链接:http://www.jqueryba.com/5482.html(转载时请注明本文出处及文章链接)

jQuery吧-Write Less, Do More | 注重前端开发

jQuery吧-Write Less, Do More | 注重前端开发

Copyright © 2013 jqueryba.com, All Rights Reserved.奔跑在阿里云

免责声明:本站所有内容来源于互联网。如果本站部分内容侵犯您的权益,请您告知,站长会立即处理 苏ICP备12059471号

站内所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!