悬浮置顶

<html>
<head>
<script type='text/javascript' src='jquery-1.5.2.min.js'>
</script>
<script type="text/javascript" language="javascript">
$(window).scroll(function() { // 页面发生scroll事件时触发
var bodyTop = 0;
if (typeof window.pageYOffset != 'undefined') {
bodyTop = window.pageYOffset;
}
else if (typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat')
{
bodyTop = document.documentElement.scrollTop;
}
else if (typeof document.body != '') {
bodyTop = document.body.scrollTop;
}
$("#servers").css("top", 100 + bodyTop);

//$("#servers").text(bodyTop); // 设置层的内容,这里只是显示当前的scrollTop
});
</script>
</head>
<body>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
asdasdasfasf</P>
<div id="servers" style="position: absolute; width: 21px; height:59px; display:block; top:100px; right:2px;">

<a href="#wrap"><img src="http://www.cnbm.net.cn/images/totop.gif" width="21" height="59" border="0" ></a> div 里面的内容自己改写
</div>
</body>
</html>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值