网站页面上的随机横幅定位。可能的？

Question

谁能告诉我如何实现以下目标？

我想在我的网站页面上显示横幅（当然这很简单）。但是我希望它随机（一次）出现在我选择的 4 个位置之一（DIV ID 的bannerpos1、bannerpos2、bannerpos3 和bannerpos4）。

如果横幅出现在 bannerpos2 中，则不应出现在任何其他位置，反之亦然。

而且，只有在可能的情况下，它才应该显示一个随机横幅（从 3 个左右的横幅中选择）。

简而言之；我想在我的页面上随机放置一个随机横幅。当然，横幅和位置尚未确定。

有人可以帮助我，或指出正确的方向吗？

//11 月 7 日更新

好的，我一直在玩 Joe 所展示的脚本，但是我遇到了一些问题......

目前代码如下所示（在 body-tage 之前）：

<script type="text/javascript">
$(function(){
var position = Math.floor((Math.random()*3));
console.log(position)

var $a = $("#advertentieplaats1");
var $b = $("#advertentieplaats2");
var $c = $("#advertentieplaats3");

var $advertentietype1 = $("#advinhoud1");
var $advertentietype2 = $("#advinhoud2");
var $advertentietype3 = $("#advinhoud3");

if (position == 0){
    $a.append($advertentietype1);
}
if (position == 1){
    $b.append($advertentietype2);
}
if (position == 2){
    $c.append($advertentietype3);
}
});
</script>

在页面底部我有以下内容：

<div id="advinhoud1">adsense code 1</div>
<div id="advinhoud2">adsense code 2</div>
<div id="advinhoud3">adsense code 3</div>

或者这有一些问题，或者我做错了……

在 Firefox 中，它会在随机（已定义）位置显示 adsense 代码。它还在底部显示了剩余的 2 个广告（它们应该不可见，甚至不应该加载）。

在 Internet Explorer 中它什么都不做...？所有的 Adsense 都显示在底部，随机位置什么都没有...？

Answer 1

类似的东西。您可以使其更具动态性，但这就是我们的想法。

var position = Math.floor((Math.random()*3));
var $a = $("#myDiv1"); // Get the three containers as JQuery objects by id.
var $b = $("#myDiv1");
var $c = $("#myDiv1");
var $myAd = $("#myAd"); // Get the content you want to place.
                        // You could include it as a string in your JS 
                        // or as a hidden element.
if (position == 0)
{
    $a.append($myAd);
}

if (position == 1)
{
    $b.append($myAd);
}

if (position == 2)
{
    $c.append($myAd);
}