用css怎么写弹出广告代码,JS也可以,求大神

html-css022

用css怎么写弹出广告代码,JS也可以,求大神,第1张

其实蛮简单的,你理解了他的原理就会了,简单说一下吧,首先这个广告正常显示同样不影响网页其他的内容的布局,那么他应该是突出来的对吧?这个可以用相对文档的绝对定位或者相对浏览窗口的固定定位,这个会把?

然后再说下弹出效果,这个广告本身是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里面,也就是他的父级是body而不是其他的标签。框架是这样

<body>

  <div id="right_kefu"></div>

  <!--网站其他内容-->

</body>

上面的是前提,如果你这个东西的父级不是body,祖父级是body那就不行了。然后再把你的css代码中的right:5px改成left:0;就行了。