层的应用-悬浮的广告层
Posted 承载梦想-韩旭明
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了层的应用-悬浮的广告层相关的知识，希望对你有一定的参考价值。
————————————————————
<script type="text/javascript">
function goScroll(o){
var space=document.getElementById(o).offsetTop;
document.getElementById(o).style.top=space+‘px‘;
var goTo = 0;
window.setInterval(function(){
var height =document.documentElement.scrollTop+document.body.scrollTop+space;
var top = parseInt(document.getElementById(o).style.top);
if(height!= top){
goTo = height-parseInt((height - top)*0.9);
document.getElementById(o).style.top=goTo+‘px‘;
}
},50);
}
function init(){
goScroll(‘con1‘);
}
</script>
——————————————————————————
<style>
#con1{
background-color:gray;
left: 0px;
top: 100px;
width:100px;
height:100px;
position: absolute;
z-index = 1;
}
</style>
————————————————————————————
<body style="text-align:center" onload="init();">
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<div id="con1">
这是一个广告
</div>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
</body>
————————————————————————————
以上是关于层的应用-悬浮的广告层的主要内容，如果未能解决你的问题，请参考以下文章