2012-10-29 31 views
0

有人能告诉我如何实现以下目标吗?网站页面上的随机横幅定位。可能?

我想在我的网站页面上显示横幅(当然这很简单)。不过,我希望它在我选择的4个职位之一(DIV ID的bannerpos1,bannerpos2,bannerpos3和bannerpos4)中随机出现(一次)。

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

而且,只有在可能的情况下,它也应该显示一个随机横幅(选择3横幅左右)。

因此,在短期;我想在我的页面上随机放置一个随机横幅。当然,横幅和位置还没有确定。

有人可以帮助我,还是指向正确的方向?十一月

//更新7

好吧,我一直在与周围的脚本由乔秀愚弄,但我遇到了一些问题......

目前的代码如下所示(前身体踏歌):

<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显示在底部,没有任何位置......?

+0

这不是很困难。设计三个横幅。为4个不同的位置定义CSS类,然后使用Math.random()选择一个横幅和一个位置并应用它们。 – ColBeseder

+3

我总是读“这不难”,因为“我不认为这很难,所以你不应该”。 – Joe

+0

@Joe它意在表示“它可能是可能的”,因为OP不确定。但我明白你的意思。 – ColBeseder

回答

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

感谢乔的答案。希望我能做这个工作。我对此很新,我只知道一些CSS和HTML。无论如何谢谢你的时间。 – Joanne

+1

我做了一个快速的JSFiddle。它看起来像JavaScript随机数生成器并不完全适合这项工作(我认为每次重置都会重新植入)。你应该看看随机数的生成,那里有很多代码。 http://jsfiddle.net/QCVXx/ – Joe

+0

再次感谢乔!高度赞赏。 – Joanne