jquery自动切换tabs选项卡的具体实现__tabs_项卡_consectetuer_adipiscing_tincidunt_

当前位置: 编程技术>WEB前端

jquery自动切换tabs选项卡的具体实现

来源: 互联网发布时间：2014-08-25

本文导语: 本节内容：jquery实现自动切换选项卡。代码：代码如下:自动切换tabs选项卡-www.jbxue.com code { font-family: "Courier New", Courier, monospace;} $(function() { alert(1); $('#rotate > ul').tabs({ fx: { opacity: 'toggle' },selected:0}).tabs('rotate', 500000); ...

本节内容：
jquery实现自动切换选项卡。

代码：

代码如下:

自动切换tabs选项卡-www.jbxue.com

code {
font-family: "Courier New", Courier, monospace;
}

$(function() {
alert(1);
$('#rotate > ul').tabs({ fx: { opacity: 'toggle' },selected:0}).tabs('rotate', 500000);
});

Rotating UI Tabs example

新闻

论坛

博客

DIV1此处放置测试用的显示内容，自动切换tabs选项卡，自动切换tabs选项卡，自动切换tabs选项卡。
自动切换tabs选项卡，自动切换tabs选项卡，自动切换tabs选项卡。自动切换tabs选项卡。

DIV2Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed
diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

DIV3Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed
diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.