正在载入...

jwTabs是Jeffrey制作的一个基于jQuery的Tab插件,与比较出名的idTab相比,它具有以下优点:

1. 可以自由选择过渡效果2. 可以自动切换Tab3. 插件大小只有1K4. Has everything you’d actually use…and nothing more.(怎么翻译?)5. 不需要对代码进行特殊标记

插件的主页是:Introducing jwTabs
例子:
假设你需要对以下代码进行Tab处理:

<div id="tab-container">
 	<div>
		<h2>1st tab</h2>
		<p> .......</p>
	</div>

	<div>
		<h2>2nd tab</h2>
		<p>......</p>
	</div>

	<div>
		<h2>3rd tab</h2>
		<p>......</p>
		<p>......</p>
		<p>......</p>
	</div>	

 	<div>
		<h2>4th tab</h2>
		<p>......</p>
	</div>

 	<div>
		<h2>5th tab</h2>
		<p>......</p>
	</div>

 	<div>
		<h2>6th tab</h2>
		<p>......</p>
	</div>
 </div>
不需要对HTML再作任何处理,只需要添加以下脚本:
jQuery('#tab-container').jwTabs({
	interval : 6000,//自动切换Tab的时间间隔,单位ms
	startTab : 4,//默认显示的Tab序号
	tabTitleReference : 'h2'//Tab标签的标题
});

本文链接:

关键词:jQuery, WordPress, 互联网, 代码, 生活, 程序,

(全文完        )

Comments

哈哈,沙发有木有?!!!抢沙发快速评论

你需要 登录 才可以回复.