然后再说下弹出效果,这个广告本身是display:none;隐藏的,然后通过js或者jq控制当打开该网页的时候添加display:block就弹出了(显示);复杂点的,有时候弹出来之后别人把他关闭了(或者直接没有关闭按钮,那么这里直接忽略),但是你又想广告过一会又弹出来,这个怎么实现呢?
这里就用到了定时器setInterval,里面加个判断 当该广告的display是none的时候把他改为block,再设置个时间多久循环一次,比如两秒,当广告被关闭,两秒之后会判断一次,因为广告广告是关闭的(display:none)所以他会给广告更改样式(改为display:block),这样广告又出来了
怎么样这样说能够理解吧?剩下的代码就需要你来写了,只把大概思路和你说下
<script language="javascript">function repos(x,y){ //x、y分别是你广告框的宽度和高度
layid = document.getElementById("ddiv") //ddiv的广告框div的id
layid.style.left = (document.documentElement.scrollLeft + document.documentElement.clientWidth - x)+"px"
layid.style.top = (document.documentElement.scrollTop + document.documentElement.clientHeight - y)+"px"
}
</script>
这是广告框的css:style="position:absolutez-index:1width:175pxheight:80px"
然后把上面这个repos(x,y)函数同时用到onload、onscroll、onresize的事件中
一般来说,广告是选择当前页面模拟弹窗的,而它们的代码一般是加在body标签最后的,所以,我们就有机会屏蔽掉它们了。。。。1.将你自己的所有代码用一个div包围起来;
2.设置这个div的定位为position:absolute
3.再设置这个div居中,{...top:0left:50%margin-left:/*你页面宽度的一半的负值*/width:/*页面宽度*/}
4.设置这个div的z-index,因为一般弹窗的z-index是用999、9999居多,所以你设置一个比这个大很多的z-index即有机会覆盖广告。。。。(你可以查看具体的广告的z-index后再针对性地设置)
5.所有代码,相信你可以搞定的。。。。