无标题页
#divMsgInfo{
position:absolute;
width:90px;
height:300px;
font-size:9pt;
}
var lastScrollY=0;
function heartBeat(){
diffY=document.documentElement.scrollTop;
percent=0.1*(diffY-lastScrollY);
if(percent>0)percent=Math.ceil(percent);
else percent=Math.floor(percent);
document.getElementById("divMsgInfo").style.top=pa rseInt(document.getElementById("divMsgInfo").style. top)+percent+"px";
lastScrollY=lastScrollY+percent;
}
var timeright = window.setInterval("heartBeat()",1);
关闭
#divMsgLeftInfo{
position:absolute;
width:90px;
height:318px;
font-size:9pt; }
var lastScrollYLeft=0;
function heartBeatLeft()
{
diffYLeft=document.documentElement.scrollTop;
percent=0.1*(diffYLeft-lastScrollYLeft);
if(percent>0)
percent=Math.ceil(percent);
else percent=Math.floor(percent);
document.getElementById("divMsgLeftInfo").style.to p=parseInt(document.getElementById("divMsgLeftInfo" ).style.top)+percent+"px";
lastScrollYLeft=lastScrollYLeft+percent; }
var timeleft = window.setInterval("heartBeatLeft()",1);
关闭
#divMsgBottomInfo{
position:absolute;
/*background:#eee;*/
width:330px;
height:188px;
font-size:9pt;
/* border-color:#442200;*/
/* border-color:#000000;*/
}
var lastScrollYBottom=0;
function heartBeatBottom(){
var isIE = document.all && window.external;
bodyScrollTop = document.documentElement.scrollTop || document.body.scrollTop;
if(isIE){
docHeight = document.documentElement.clientHeight || document.body.clientHeight;
}
else{
docHeight = (document.body.clientHeight > document.documentElement.clientHeight)?document.do cumentElement.clientHeight:document.body.clientHeig ht;
}
diffYBottom=(docHeight - parseInt(document.getElementById("divMsgBottomInfo ").offsetHeight,10)) + parseInt(bodyScrollTop, 10);
document.getElementById("divMsgBottomInfo").style. top=diffYBottom+"px";
}
var timebottom=window.setInterval("heartBeatBottom()", 1);
关闭
分享到:
相关推荐
超过一定高度出现左右浮动导航及底部固定导航代码
导航条原本正常显示,可能不一定在顶部位置.但当然滚动鼠标时,导航条或广告图片会自动紧贴顶部,当鼠标重新滚动到顶部时,则导航又恢复正常...共三个html文件,一个是顶部浮动,两个在底部浮动,包含一个手机版的页脚导航条
超过一定高度出现左右浮动导航及底部固定导航代码悬浮漂浮 超过一定高度出现左右浮动导航及底部固定导航代码悬浮漂浮 超过一定高度出现左右浮动导航及底部固定导航代码悬浮漂浮
jQuery网页底部阴影浮动层文字滚动
基于jQuery超过一定高度出现左右浮动导航及底部固定导航代码.rar
jquery滚动下拉显示左右浮动导航是一款超过一定高度出现左右浮动导航及底部固定导航代码,仿易迅网效果,有返回顶部按钮,兼容主流浏览器。
网页底部浮动导航条
在网页中添加一个添加浮动按钮,点击该按钮则滚动到网页底部。纯JavaScript。在IE9、11,Maxthon 1.6.7,Firefox30、31,360极速浏览器7.5.3.308下测试正常。 相关说明文章:...
js特效脚本含源码和说明超过一定高度出现左右浮动导航及底部固定导航代码本资源系百度网盘分享地址
jquery百度百科底部浮动导航页面滚动预览
左右浮动广告无抖动可关闭隐藏式 对联广告 亲测保证能用,宽度高度都可以调整,放到头部或底部文件内,全站就都有广告了
网页底部浮动通栏
网页底部浮动通栏,不跟随滚动条滚动而改变位置,始终处于网页底部。
广告代码网站底部浮动弹出 可以作为提示,或者弹出视频广告FLASH文件,通知等
用css实现div固定在屏幕底部,不随垂直滚动条接动而闪动,很好的实现在ie下的浮动效果,IE6 position:fixed
jQuery鼠标滚动条到页面底部浮动层滑动弹出信息 jQuery鼠标滚动条到页面底部浮动层滑动弹出信息
主要介绍了jquery仿百度百科底部浮动导航特效,需要的朋友可以参考下
浮动窗口是窗口比较重要的部分,可以随意移动,也可以改变大小。