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

/* スライドのコンテナ */
.images {
background:#fffrepeat-x;
ボーダー:1px ソリッド #ccc;
位置:相対;
高さ:300ピクセル;
幅:560ピクセル;
浮動小数点:左;
マージン:15px;
カーソル:ポインタ;
/* 最新のブラウザ向けに CSS3 を調整 */
-moz-border-radius:5px;
-webkit-border-radius:5px;
-moz-box-shadow:0 0 25px #666;
-webkit-box-shadow:0 0 25px #666;
}
/* 単一スライド */
.images div {
display:none;
位置:絶対;
トップ:0;
左:0;
マージン:7px;
パディング:15px 30px 15px 15px;
高さ:256px;
フォントサイズ:12px;
}
/* header */
.images h3 {
font-size:22px;
フォントの太さ:標準;
マージン:0 0 20px 0;
カラー:#456;
}
/* タブ (スライドの下の小さな円) */
.slidetabs {
clear:both;
マージン左:310px;
}
/* 単一タブ */
.slidetabs a {
width:8px;
高さ:8px;
浮動小数点:左;
マージン:3px;
background:url(./navigator.png) 0 0 繰り返しなし;
表示:ブロック;
フォントサイズ:1px;
}
/* マウスオーバー状態 */
.slidetabs a:hover {
background-position:0 -8px;
}
/* アクティブ状態 (現在のページの状態) */
.slidetabs a.current {
background-position:0 -16px;
}
/* 前ボタンと次ボタン */
.forward, .backward {
float:left;
マージントップ:140px;
background:#fff url(./hori_large.png) 繰り返しなし;
表示:ブロック;
幅:30px;
高さ:30px;
カーソル:ポインタ;
フォントサイズ:1px;
テキストインデント:-9999em;
}
/* next */
.forward { 背景位置: 0 -30px;クリア:右;
.forward:hover {background-position:-30px -30px;
.forward:active {background-position:-60px -30px; }
/* prev */
.backward:hover {backward-position:-30px 0;
.backward:active {backward-position:-60px 0; }
/* ナビゲーション ボタンが無効になりました。タブが
rotate: true */
.disabled {
visibility:hidden ! important; で設定されている場合は必要ありません。
}

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