随机选择一个超链接答案

【问题标题】：Randomly choose a hyperlink随机选择一个超链接
【发布时间】：2012-12-08 05:20:04
【问题描述】：

在我的博客上，我有 12 种不同的流派（音乐、摄影、建筑等），然后在一页上至少有每种流派的 2 张不同图像。我目前正在使用 Smoothscroll.js。当您单击摄影（例如）时，它当前将直接转到第一个超链接（X）

<a href="#photgraphy"> photography </a>




<a name="photography"> </a> [X]
<a name="photography"> </a> [Y]

有没有一种方法，当您点击摄影时，它会随机选择 X 或 Y，而不是转到第一个超链接 (X)。

【问题讨论】：

标签： jquery hyperlink href

【解决方案1】：

<html>
<head>
    <script src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script>
        $(document).ready(function(){
            // Create an array of links
            myLinks = new Array;
            myLinks[0] = "#one";
            myLinks[1] = "#two";
            myLinks[2] = "#three";

            // Slide to random link
            $("a.myRandomLink").click(function(){
                randomLink = Math.round(Math.random() * (myLinks.length-1));
                $("html, body").animate({scrollTop: $(myLinks[randomLink]).offset().top + "px"},{duration: 500, easing: "swing"});
                return false;
            });
        });
    </script>
</head>
<body>

    <a href="#" class="myRandomLink">Random link</a><br><br>

    <div id="one" style="width:100%;height:600px;background-color:#550000;"></div>
    <div id="two" style="width:100%;height:600px;background-color:#005500;"></div>
    <div id="three" style="width:100%;height:600px;background-color:#000055;"></div>
    <div id="four" style="width:100%;height:600px;background-color:#ffffff;"></div>

</body>
</html>

【讨论】：

@user1857312 你的意思是什么？你加载了jQuery 库吗？
是的。它会在新选项卡中打开每个链接，并直接转到链接而无需滚动。 smoothscroll.js
@user1857312 我的示例只是随机选择其中一个链接。你还没有提到你想要某种滚动。不幸的是，我没有使用 smoothscroll.js，请参阅它的文档。
我一直在浏览 javascript，但不知道在哪里粘贴您的代码。如果您不介意的话，这是可以找到 smoothscroll.js 的链接link。将不胜感激:) 谢谢
@user1857312 查看更新的答案。它甚至不需要第三方库。