0

1 つのページには、いくつかの div を含むスライダーがあります。別のページには、多数の div があります。最初のページで特定の div をクリックすると、ユーザーが対応するスライダー div にリンクされるようにするにはどうすればよいですか? 今、すべてが「ContentBox1」で始まります。また、css を「left: 0;」にして初期化しました。

スライダー ページの HTML:

<div id="Content">
            <div id="ContentBox1" class="active">
            <div id="ContentBox2" ></div>
            <div id="ContentBox3" ></div>
            <div id="ContentBox4" ></div>
        </div>

これがSlider JSです - 別のメニュー矢印divのクリックで動作します:

var $target = $($('.active').next());

                $('.active').each(function (index, self) {
                    var $this = $(this);
                    $this.removeClass('active').animate({ left: -($this.width()) }, 750);
                });

                $target.addClass('active').css({ left: ($target.width()) }).animate({ left: 0 }, 500);
4

1 に答える 1

0

純粋な CSS で簡単に実行できます。ただし、jQueryでそれを行う方法がわかりません。

リンクページ

<a href="/foo#ContentBox1">

リンクされたページ

<div id="ContentBox1">

リンク先ページのCSS

div { transition: left 1s; }
div:target { left: 100px; }
于 2013-11-01T23:18:03.340 に答える