Javascript 根据单击的锚/元素分配php变量值

因此，目前，我有三个

div

s彼此水平滑动。每个div都是全宽的。我的加价是这样的：

<div id="menu">
    <a href="#block1">Go to block 1</a>
    <a href="#block2">Go to block 2</a>
</div>

<div id="block1">
    <?php
        $page = 'block1';
        //code to display corresponding content for block 1
    ?>
    <a href="#menu">Go back to menu</a>
</div>

<div id="block2">
    <?php
        $page = 'block2';
        //code to display corresponding content for block 2
    ?>
    <a href="#menu">Go back to menu</a>
</div>

<div id="menu">
    <a href="#block1">Go to block 1</a>
    <a href="#block2">Go to block 2</a>
</div>

<div id="block1">
    <?php
        switch ($page) {
            case 'block1':
                //code to display corresponding content for block 1
                break;
            case 'block2':
                //code to display corresponding content for block 2
                break;
        }
    ?>
    <a href="#menu">Go back to menu</a>
</div>

我还考虑将锚点更改为按钮，以便像这样传递变量

<input type="button" value="block1" onClick="javascript:location.href = '#block1'" />

当然，这会重定向到页面本身（

#block1

），而不会像使用锚定时那样滑动

---

有什么想法吗？谢谢。

为了保留相同的代码和节省时间，最快速的编辑之一是缩短动画时间，保持幻灯片动作干净：

$('.wrapper').animate({marginLeft: margin},50);

您还可以使用动态“消隐”动画时间，如：

$('.wrapper').animate({marginLeft: margin},1000/(pagenumber*5));

这是你想要的吗？

更改：

var a = $(this).attr('href');
$('.page').hide();
$(a).toggle('slide');

---

@Suika，这是你想要的吗？是的！是的，谢谢。你介意就如何使动画更平滑给我一些建议吗？你可以添加$（a）.toggle（'slow'）；使其在滑动时更平滑。甚至指定毫秒来控制效果的速度。抱歉，我在我的网站上尝试了这个，尽管我添加了

$（a）.toggle（'slow'）动画在全宽上看起来很奇怪，因为它从左上角开始制作动画并放大到整页：/我对jQuery不太熟悉，这让我依赖于答案（因为我也很忙），但这并没有改变任何事情：/我只是在你发布的提琴中更改了一行。缩短动画时间可以获得与@Parkash Kumar所建议的效果相似的效果。这样您就可以控制动画的时间；相反，使用query ui toggle（）不是。这在小提琴上看起来也不错，但现在我有10个div，即使我可以设置动画的速度，但看到所有的div滑动都会让人觉得很痛苦。它满足你的要求了吗？