1

次のスライダーをWebプロジェクトに使用しています。画像のトランジション効果を、左スライド、上スライドなどの別のスライドに変更したいと思います。

http://demo.webdeveloperplus.com/featured-content-slider/

$(document).ready(function () {
    $("#featured > ul").tabs({ fx: { opacity: "toggle"} }).tabs("rotate", 4000, true);
});

に変更toggleするfastと機能しますが、1秒未満のわずかな遅延が表示されます。これを修正して、WTAのウェブサイトhttp://www.wtatennis.com/page/Home/0,,12781,00.htmlのように機能させることができれば幸いです。

4

1 に答える 1

0

効果を変更するには、、、などに変更opacityするだけwidthheightshowさまざまなアニメーションが得られます。

速度に関しては、「遅い」、「通常」、「速い」を使用するか、ミリ秒単位で値を設定できます(何かを瞬時に実行したい場合)。

次のようなものを試してください。

$(function () {
    $("#featured > ul").tabs({ fx: { width: 'toggle', duration: 1000 } }).tabs("rotate", 4000, true);
});​
于 2012-08-29T16:59:50.680 に答える