0

私のブログには、12の異なるジャンル（音楽、写真、建築など）があり、1つのページに各ジャンルの少なくとも2つの異なる画像があります。私は現在smoothscroll.jsを使用しています。写真をクリックすると（たとえば）、現在、最初のハイパーリンク（X）に直接移動します。

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




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

写真をクリックすると、最初のハイパーリンク（X）に移動する代わりに、ランダムにXまたはYを選択する方法はありますか。

4

1 に答える 1

0 
<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>
于 2012-12-07T16:11:22.507 に答える