有人可以告诉我如何实现以下目标吗?
我想在我的网站页面上显示横幅(当然这很简单)。但是我希望它在我选择的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都显示在底部,没有任何随机位置......?
答案 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);
}