在网站页面上随机横幅定位。可能?

时间:2012-10-29 11:19:13

标签: javascript jquery html

有人可以告诉我如何实现以下目标吗?

我想在我的网站页面上显示横幅(当然这很简单)。但是我希望它在我选择的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都显示在底部,没有任何随机位置......?

1 个答案:

答案 0 :(得分:2)

像这样的东西。你可以让它变得更有活力,但这就是想法。

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);
}