jQueryツールタブ(スライドショー)_jquery

html

复制代码代码如下:

href="./tabs-slideshow.css"/>


前

最初のペイン

Aenean nec imperdiet ligula。 Cum sociis natoque penatibus et
magnis dis parturient montes, nascetur ridiculus mus.

強力なサスペンション。 Sed elementum risus eleifend Massa
vestibulum consectetur。 Duis Massa augue、aliquam eget fringilla
vel、aliquam vitae arcu。ナムセドマグナミ。 Praesent odio neque、
dapibus sit amet suscipit at、tempus sed nibh。 Aliquam sagittis
ligula ligula faucibus cursus 。 Quisque vulputate pellentesque
ファシリシス。

2 番目のペイン

コンセクテトゥール・アディピシング・エリート。 Praesent bibendum eros ac
nulla.整数は有効です。

Vivamus euismod euismod sagittis。エティアム・クルスス・ネケ・ノン・レクトゥス
マティス・クルススらリベロ。 Vivamus condimentum hendrerit metus、
a sollicitudin magna vulputate eu。 Donec sed tincidunt
lectus。 Donec Tellus lectus、fermentum sit amet porta non、
rhoncus ac mi。 Quisque placerat auctor justo、egestas urna
tincidunt eleifend。

3 番目のペイン

非レクトゥス・ラシニア・エジェスタス。 Nulla hendrerit、felis quis
elementum viverra、purus felis egestas magna。

Aenean elit lorem、pretium v​​itae dictum in、fermentum consequat
dolor。 Proin consectetur sollicitudin Tellus、non elementum
turpis pharetra non。セド・キス・テルス・クアム。

次

再生
停止

$(function() {
$(".slidetabs").tabs(".images > div", {
// 「クロスフェード」効果を有効にする
effect: 'fade ',
fadeOutSpeed: "slow",
// 最後のタブの後に最初から開始
rotate: true
// 独自の設定を受け入れるスライドショー プラグインを使用します
}) .slideshow()
});