CSS样式里面怎么设置广告滚动

html-css011

CSS样式里面怎么设置广告滚动,第1张

<div id=demo style="overflow:hiddenwidth:508pxheight:300px">

<div id=demo1>

<ul>

<li><img name="" src="" width="100" height="32" alt="">图片连续循环滚动代码(向上)</li>

<li><img name="" src="" width="100" height="32" alt="">图片连续循环滚动代码(向上)</li>

<li><img name="" src="" width="100" height="32" alt="">图片连续循环滚动代码(向上)</li>

<li><img name="" src="" width="100" height="32" alt="">图片连续循环滚动代码(向上)</li>

<li><img name="" src="" width="100" height="32" alt="">图片连续循环滚动代码(向上)</li>

<li><img name="" src="" width="100" height="32" alt="">图片连续循环滚动代码(向上)</li>

<li><img name="" src="" width="100" height="32" alt="">图片连续循环滚动代码(向上)</li>

<li><img name="" src="" width="100" height="32" alt="">图片连续循环滚动代码(向上)</li>

<li><img name="" src="" width="100" height="32" alt="">图片连续循环滚动代码(向上)</li>

<li><img name="" src="" width="100" height="32" alt="">图片连续循环滚动代码(向上)</li>

<li><img name="" src="" width="100" height="32" alt="">图片连续循环滚动代码(向上)</li>

</ul>

</div>

<div id=demo2></div>

</div>

<script language="javascript">

var speed=30

demo2.innerHTML=demo1.innerHTML

function Marquee(){

if(demo2.offsetTop-demo.scrollTop<=0)

demo.scrollTop-=demo1.offsetHeight

else{

demo.scrollTop++

}

}

var MyMar=setInterval(Marquee,speed)

demo.onmouseover=function() {clearInterval(MyMar)}

demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}

</script>

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

然后再说下弹出效果,这个广告本身是display:none;隐藏的,然后通过js或者jq控制当打开该网页的时候添加display:block就弹出了(显示);复杂点的,有时候弹出来之后别人把他关闭了(或者直接没有关闭按钮,那么这里直接忽略),但是你又想广告过一会又弹出来,这个怎么实现呢?

这里就用到了定时器setInterval,里面加个判断 当该广告的display是none的时候把他改为block,再设置个时间多久循环一次,比如两秒,当广告被关闭,两秒之后会判断一次,因为广告广告是关闭的(display:none)所以他会给广告更改样式(改为display:block),这样广告又出来了

怎么样这样说能够理解吧?剩下的代码就需要你来写了,只把大概思路和你说下

CSS做不到吧,广告植入是视频自动加上的。

以下网上搜集的,一是修改本机系统;二是安装禁止视频广告插件,主要应用在自己电脑上禁止视频广告,发布到网站的去视频的方法暂时没想到。

(以下为网上搜集)

以xp系统为例。

1、打开我的电脑,在地址栏输入:C:\Windows\System32\drivers\etc按enter 键。

2、找到hosts文件,用记事本方式打开它,点击确定。

3、在里面加入 以下代码,保存,退出即可,破解完成!!

#优酷

127.0.0.1 atm.youku.com

127.0.0.1 fvid.atm.youku.com

127.0.0.1 html.atm.youku.com

127.0.0.1 valb.atm.youku.com

127.0.0.1 valf.atm.youku.com

127.0.0.1 valo.atm.youku.com

127.0.0.1 valp.atm.youku.com

127.0.0.1 Lstat.youku.com

127.0.0.1 speed.lstat.youku.com

127.0.0.1 urchin.lstat.youku.com

127.0.0.1 stat.youku.com

127.0.0.1 static.lstat.youku.com

127.0.0.1 valc.atm.youku.com

127.0.0.1 vid.atm.youku.com

127.0.0.1 walp.atm.youku.com

#新浪视频

127.0.0.1 dcads.sina.com.cn

#pptv

127.0.0.1 pp2.pptv.com

#乐视

127.0.0.1 pro.letv.com

#搜狐高清

127.0.0.1 imagEs.sohu.com

#From LoneBlog.com

需要注意到是:win7的系统方法,稍微不同。要先复制 hosts文件到桌面,修改好了,在贴到上面的目录下C:\Windows\System32\drivers\etc 。中间会提示目标文件夹拒绝访问,需要提供管理员权限,点击继续 即可。