随机分组选择

时间:2014-02-01 20:52:56

标签: random hide show division

有点奇怪......我如何获得一个网站* 随机 *选择一个部门来显示每次加载页面?我完全不知道从哪里开始。

<body>
     <div id="option1">Dog</div>
     <div id="option2">Cat</div>
     <div id="option3">Rabbit</div>
</body>

谢谢!

1 个答案:

答案 0 :(得分:0)

我建议你在Javascript中做点什么。

当你加载身体时,你应该告诉Javascript要么删除你想要的那个,要么创建你想要的那个。


更新

这将删除所有div,但随机选择一个。

HTML

<head>
    <script type="text/javascript" src="script.js"></script>
</head>

<body onload="load()">
    <div id="1">
    </div>
    <div id="2">
    </div>
    <div id="3">
    </div>
</body>

的Javascript

function load() {   
    var amount_of_divs = 3;
    var random = Math.floor((Math.random()*amount_of_divs) + 1);

    for (var i = 1; i < amount_of_divs + 1; i++) {
       if(i == random)
           continue;
       var div = document.getElementById(i);
       div.parentNode.removeChild(div);
    }
}