<script type="text/javascript">
var MarginLeft = 20; //距离浏览器右侧的距离
var MarginTop = 398; //距离浏览器顶部的距离
var Width = 180; //层宽度
var Heigth= 45; //层高度
//初始化浮动层
function init(){
$("#pagingDIV").css("width",Width+"px");
$("#pagingDIV").css("height",Heigth+"px");
}
//设置浮动层的位置
function Move(){
var bodyTop = 0;
//兼容Chrom、IE 获取滚动条移动的像素
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 != 'undefined') {
bodyTop = document.body.scrollTop;
}
$("#pagingDIV").css("top",(bodyTop + MarginTop)+"px");
$("#pagingDIV").css("left",(document.documentElement.clientWidth - Width - MarginLeft)+"px");
}
$(function(){
init();
$(window).scroll(function () {
Move();
});
})
</script>
在<body></body>中加入以下代码
<div id="pagingDIV" style="position: absolute;">
浮动层示例
</div>