JS网页中的浮动窗口代码？

JavaScript020

JS网页中的浮动窗口代码？,第1张

<script>

function scrolls(){

var advobj=document.getElementById("adv")

advobj.style.top=100+document.documentElement.scrollTop+"px"

}

window.onscroll=scrolls

function winclose(){

var advobj=document.getElementById("adv")

advobj.style.display="none"

}

</script>

<body>

<!--随滚动条移动的浮动窗口############################-->

<div id="adv" style="">

<img src="图片路径"/>

<div id="close" onclick="winclose()">关闭</div>

</div>

<div id="header"><iframe src="header.html" height="155px" width="960px" frameborder="0"scrolling="no"></iframe></div>

</body>

jsp中：

<body>

<div style="position: absolutez-index:90" id="div1">我不动</div>

<div>我动<div>

</body>

//有的将position设置成fixed,我试了试效果不如position好,设置z-index，向里的深度，我这儿设置90，你要覆盖几个div，设置数大于那个数就行。

js中：

我这儿用jquery写。

$(document).ready(function(){

$(window).scroll(function(){//滚动时触发函数

$("#div1").css("top",$(document).scrollTop())//将滚动条高度赋给悬浮框。

})

})

导入jquery库，效果就出来了。