function getPosition() {
var top = document.body.scrollTop;
var left = document.body.scrollLeft;
var height = document.body.clientHeight;
var width = document.body.clientWidth;
return {top:top,left:left,height:height,width:width};
}
function showDiv(){
var width = 50; //弹出框的宽度
var height = 200; //弹出框的高度
var leftDiv = document.getElementById("leftDiv");
leftDiv.style.display = "block";
leftDiv.style.position = "absolute";
leftDiv.style.zindex = "999";
leftDiv.style.width = width + "px";
leftDiv.style.height = height + "px";
var Position = getPosition();
leftadd = (Position.width-width)/2;
topadd = (Position.height-height)/2;
leftDiv.style.top = (Position.top + 10) + "px";
leftDiv.style.left = 20 + "px";
//右边的 层
var rightDiv = document.getElementById("rightDiv");
rightDiv.style.display = "block";
rightDiv.style.position = "absolute";
rightDiv.style.zindex = "999";
rightDiv.style.width = width + "px";
rightDiv.style.height = height + "px";
var Position = getPosition();
leftadd = (Position.width-width)/2;
topadd = (Position.height-height)/2;
rightDiv.style.top = (Position.top + 10) + "px";
rightDiv.style.left = (Position.width-100) + "px";
window.onscroll = function (){
var Position = getPosition();
leftDiv.style.top = (Position.top + 10) +"px";
leftDiv.style.left = 20+"px";
//alert(Position.top);
rightDiv.style.top = (Position.top + 10) +"px";
rightDiv.style.left = (Position.width-100) +"px";
};
}
分享到:
相关推荐
JS滚动图片写法JS滚动图片写法JS滚动图片写法
JS滚动条属性值,取得滚动条各种数据值,简单处理JS操作滚动条
js滚动最新消息demo代码
极好用又方便的js滚动条源码 jq滚动条源码。不是骗人的资源.
MSClass 通用不间断滚动JS封装类 的使用说明: 该Js类可设置各种形式的滚动效果,可随意将您的产品图片、新闻等内容设置为滚动。 上下左右、整屏、间歇式、延时滚动==效果均可实现。兼容所有主流浏览器。。。。
scrollbot是一款纯js滚动条美化插件。scrollbot不使用mousewheel来制作滚动效果,它实际上是隐藏原生的滚动条,并为指定的容器添加一个可自定义的滚动条效果。
类似校内网,微博 js延时加载,滚动条,随滚动条逐渐显示信息
smooth-scrollbar是一款高性能的纯JavaScript滚动条美化插件。该滚动条为现代浏览器而制作,它具有高性能,自由配置,平滑滚动等特点,支持各种现代桌面浏览器和手机设备。
never Slider Bar html js 滚动条 变色版 html js 滚动条
js滚动效果js滚动效果js滚动效果js滚动效果
jcarousellite是一款jquery插件,可以控制文档元素滚动,丰富的参数设置可以控制滚动的更多细节,是一款不可多得的滚动插件。
JS滚动效果,常用语首页滚动显示多条数据
New js 滚动条
//滚动条滚动一次的间距px; // var tmpHeight=4;//滚动条滚动一次页码内容滚动的间距px; var connentHeight=barheight;//页面的的高度=滚动条的高度包括上下两个箭头; var barHeight=connentHeight-11*2;//...
html css+纯js实现无缝连接循环的滚动字幕,内有注释
js滚动条实现dhtmlxSlider,也许你用得着
javascript滚动图片按钮控制图片左右自动滚动
js滚动集合:图片滚动,文字滚动,组合滚动~~~
JS滚动代码 效果极佳 JS滚动代码 上下滚动 左右滚动 自动循环
网站公告Js滚动代码