如果顶部申明 DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd"> document.body.scrollTop 要改成 document.documentElement.scrollTop
===================简单漂浮广告==================
<html>
<head runat="server">
<title></title>
<script>
var top = 0;
function inix() {
top = document.getElementById("div1").style.pixelTop;
alert(top);
}
function move() {
document.getElementById("div1").style.pixelTop = top + document.body.scrollTop;
}
window.onscroll = move;
</script>
</head>
<body onload="inix()">
<form id="form1" runat="server">
<div id="div1" style="z-index:1; position:absolute; left:16px; top:129px">
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
</div>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
</form>
</body>
</html>
- 本文标题: 简单跟随下拉框漂浮的广告
- 文章分类:【HTML/CSS】
- 非特殊说明,本文版权归【胡同里的砖头】个人博客 所有,转载请注明出处.
- 上一篇:ASP.NET 实现国际化多语言选择
- 下一篇: WebService调用Session