css怎样加漂浮代码? 5
展开全部
<html>
<head>
<title>JS+CSS打造的DIV随屏滚动代码(漂浮广告)_网页代码站(www.webdm.cn)</title>
<style type="text/css">
*{padding:0;margin:0;}
html{height:100%;}
body{height:200%;}
.box{position:absolute;width:100px;height:100px;background:#ccc}
p{height:40px;}
</style>
</head>
<body>
<div class="box" id="box1" style="bottom:0;left:0;">AD1</div>
<div class="box" id="box2" style="top:0;right:0;">AD2</div>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
</body>
<script type="text/javascript">
var id=function(o){return document.getElementById(o)}
var scroll=function (o){
var space=id(o).offsetTop;
id(o).style.top=space+'px';
void function(){
var goTo = 0;
var roll=setInterval(function(){
var height =document.documentElement.scrollTop+document.body.scrollTop+space;
var top = parseInt(id(o).style.top);
if(height!= top){
goTo = height-parseInt((height - top)*0.9);
id(o).style.top=goTo+'px';
}
//else{if(roll) clearInterval(roll);}
},50);
}()
}
scroll('box1');
scroll('box2');
</script>
<br />
<p><a href="http://www.webdm.cn">网页代码站</a> - 最专业的网页代码下载网站 - 致力为中国站长提供有质量的网页代码！</p>
</html>
<head>
<title>JS+CSS打造的DIV随屏滚动代码(漂浮广告)_网页代码站(www.webdm.cn)</title>
<style type="text/css">
*{padding:0;margin:0;}
html{height:100%;}
body{height:200%;}
.box{position:absolute;width:100px;height:100px;background:#ccc}
p{height:40px;}
</style>
</head>
<body>
<div class="box" id="box1" style="bottom:0;left:0;">AD1</div>
<div class="box" id="box2" style="top:0;right:0;">AD2</div>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
<p>test!</p>
</body>
<script type="text/javascript">
var id=function(o){return document.getElementById(o)}
var scroll=function (o){
var space=id(o).offsetTop;
id(o).style.top=space+'px';
void function(){
var goTo = 0;
var roll=setInterval(function(){
var height =document.documentElement.scrollTop+document.body.scrollTop+space;
var top = parseInt(id(o).style.top);
if(height!= top){
goTo = height-parseInt((height - top)*0.9);
id(o).style.top=goTo+'px';
}
//else{if(roll) clearInterval(roll);}
},50);
}()
}
scroll('box1');
scroll('box2');
</script>
<br />
<p><a href="http://www.webdm.cn">网页代码站</a> - 最专业的网页代码下载网站 - 致力为中国站长提供有质量的网页代码！</p>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以用CSS中绝对定位的方法
也可以用做好的对联广告直接加上去
也可以用做好的对联广告直接加上去
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这个直接找JS，css采用的是定位
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
什么网站的？
追问
是动易模板，现在加上去了，能显示两边的对联，但是不随屏幕滚动！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你是要例子还是要实现你这个功能
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
