Question

一个页面有一个包含一些div的滑块。另一页有一堆div。如何点击，当我点击第一页上的某个div时，它将用户链接到相应的滑块div？现在，一切都开始“ContentBox1”。我也初始化它的css为“left：0;”

Slider页面的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);

Answer 1

在纯CSS中很容易做到。不知道怎么用jQuery做这件事。

关联页面

<a href="/foo#ContentBox1">

链接页面

<div id="ContentBox1">

链接页面的CSS

div { transition: left 1s; }
div:target { left: 100px; }

根据在一个页面上单击哪个div href，在第二页上加载滑块的不同部分？

1 个答案: