0

タブ ナビゲーションにアニメーションを追加する最も簡単な方法は何だろうと考えていました。私は小さなドキュメント Web サイトDocumentationを開発しています。ご覧のとおり、ナビゲーション時にタブに追加される小さな矢印があります。

さて、私が考えていたのは、次のようにできるとしたらどうなるかということです。私は何かを試しました.JSを介してスパンを追加し、クリックイベント(li要素に適用されます)で矢印アニメーションをトリガーしました. 問題は、タブが停止するときにタブを機能させるスクリプトを停止したことです。

そのようなことを達成する別の方法はありますか？そして、ロジックは何でしょうか？

4

1 に答える 1

1

最も簡単なのは、st_slide_container 内に狭い絶対位置 div を追加し、右側に配置することです。その新しい要素内に、矢印アイコンに十分な大きさで絶対位置の別の要素を追加します。

タブ変更のコールバックを使用するか (プラグイン API で使用できるものによって異なります)、別のクリック ハンドラーを a.st_tab に追加します。このイベント ハンドラーでは、現在のタブのインデックスを取得し、上部の位置のアニメーションを小さな矢印要素に適用できます。

編集:topアニメーションの乗数となるインデックスを取得するためのクリック ハンドラーの例

$('a.st_tab').click(function(){
   alert($(this).parent().index())
})
于 2012-06-02T21:12:02.750 に答える