如果有一定的JavaScript基础,制作浮动广告还是比较容易的。直接上代码了: 无标题文档 *{ margin:0; padding:0; } #csdn { width:800px; margin:0 auto; } #ad { position:absolute; right:0px; top:30px; z-index:1; } #cl { position:absolute; right:0px; top:30px; z-index:2; } var advI...
<div id="floatingAd">这是浮动广告的内容</div> 编写CSS样式使容器浮动在页面上: 使用CSS设置浮动广告的样式,使其在页面上浮动。 css #floatingAd { position: fixed; bottom: 10px; right: 10px; padding: 10px; background-color: #fff; border: 1px solid #ccc; box-shadow: 0 2...
代码语言:javascript 代码运行次数:0 复制 代码运行 [HTML]纯文本查看 复制代码 运行代码010203040506070809101112131415161718192021222324252627282930313233343536373839<!DOCTYPEhtml>浮动广告window.onload=function(){varx=50,y=60;varxin=true,yin=true;varstep=1;vardelay=10;varobj=document.getElementById("ad");function...
使用ul li标签,先完成一个li标签的内容,再复制四个li,设置li标签左浮动,ul标签设置清除浮动得到。 2、完成如下案例: 图文2代码 同样采用ul li标签,对于多段文字设置浮动,如果直接设置为一个img标签和两个p标签,则两段文字会并排显示,所以采用盒子思维看图是一个重要思维,li标签可以看成是一个img标签和一个div...
两侧浮动广告代码 两侧浮动广告代码 SCRIPT language=JavaScript src=menus.js Script DIV id=floater1 style=Z-INDEX 100; LEFT 10px; VISIBILITY visible; WIDTH 100px; POSITION absolute; TOP 160px; height 100px; 左边的东西,可以是图片,表格,可以设置其宽,高...
//设置onLoad事件激发以后,广告层相对于固定后的y方向位置 document.all.AdLayer.style.visibility = 'visible'//设置层为可见 MoveLayer('AdLayer');//调用函数MoveLayer() } function MoveLayer(layerName) { var x = 0;//浮动广告层固定于浏览器的x方向位置 ...
} start(); })('your_id'); PS:本文中的代码参考了网络上常用的浮动广告代码,但做了一些修改,更加实用。它限制了变量的作用域,能够直接嵌入到某些门户CMS系统中。 本文转自 IT阿飞 51CTO博客,原文链接:http://blog.51cto.com/itafei/1791859 科技...
浮动广告代码 广告内容 varxPos=20; varyPos=10; img.style.left=xPos; img.style.top=yPos; varstep=1; vardelay=30; varwidth,height,Hoffset,Woffset; vary=1; varx=1; varinterval; img.visibility="visible";functionchangePos() { width=document.body.client...
suspendcode="<DIVid=lovexin1style='Z-INDEX:10;LEFT:6px;POSITION:absolute;TOP:105px;width:100;height:300px;'><EMBEDsrc='images/4rr.swf'quality=highWIDTH=100HEIGHT=300TYPE='application/x-shockwave-flash'id=adwmode=opaque></EMBED></DIV>"document.write(suspendcode);suspendcode=...
ceil(percent);else percent=Math.floor(percent);document.all.searchspe.style.pixelTop+=percent;lastScrollY=lastScrollY+percent;}window.setInterval("heartBeat0()",1);右栏浮动广告 var specialcode="<DIV id=searchspe style='Z-INDEX: 100; left: 1px; POSITION: absolute; TOP: 50px;'...