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

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

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

jQuery TAB文字列表自动切换特效

2015-04-08 03:04:37 作者:天外飞仙 人气:807 Views

jQuery TAB文字列表自动切换特效
20150408133600
部分jquery代码

$(document).ready(function() { //所有的标签都存储在数组中 $(".tab").map(function() { tabs[ind++] = $(this).attr("id"); }) //设置索引的下一个元素 ind = 1; //初始化标签,显示当前选项卡 $(".tab:not(:first)").hide(); $(".tab:first").show(); //突出当前选项卡标题 $('#' + tabs[0] + 't').addClass('select'); //处理程序点击选项卡 $(".htabs a").click(function() { //如果点击选项卡,停止旋转 clearInterval(inter); //点击存储引用选项卡 stringref = $(this).attr("href").split('#')[1]; //显示引用选项卡 change(stringref); return false; }); //开始旋转选项卡 inter = setInterval("next()", 4000);});

下载地址
预览地址

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

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

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

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

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

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