html距离屏幕左侧,js+css使DIV始终居于屏幕中间左下左上右上右下的代码集合...

随滚动条移动的层

正中...

function sc1(){

document.getElementById("Javascript.Div1").style.top=(document.documentElement.scrollTop+(document.documentElement.clientHeight-document.getElementById("Javascript.Div1").offsetHeight)/2)+"px";

document.getElementById("Javascript.Div1").style.left=(document.documentElement.scrollLeft+(document.documentElement.clientWidth-document.getElementById("Javascript.Div1").offsetWidth)/2)+"px";

}

左上...

function sc2(){

document.getElementById("Javascript.Div2").style.top=(document.documentElement.scrollTop)+"px";

document.getElementById("Javascript.Div2").style.left=(document.documentElement.scrollLeft)+"px";

}

左下...

function sc3(){

document.getElementById("Javascript.Div3").style.top=(document.documentElement.scrollTop+document.documentElement.clientHeight-document.getElementById("Javascript.Div3").offsetHeight)+"px";

document.getElementById("Javascript.Div3").style.left=(document.documentElement.scrollLeft)+"px";

}

右上...

function sc4(){

document.getElementById("Javascript.Div4").style.top=(document.documentElement.scrollTop)+"px";

document.getElementById("Javascript.Div4").style.left=(document.documentElement.scrollLeft+document.documentElement.clientWidth-document.getElementById("Javascript.Div4").offsetWidth)+"px";

}

右下...

function sc5(){

document.getElementById("Javascript.Div5").style.top=(document.documentElement.scrollTop+document.documentElement.clientHeight-document.getElementById("Javascript.Div5").offsetHeight)+"px";

document.getElementById("Javascript.Div5").style.left=(document.documentElement.scrollLeft+document.documentElement.clientWidth-document.getElementById("Javascript.Div5").offsetWidth)+"px";

}

html距离屏幕左侧,js+css使DIV始终居于屏幕中间左下左上右上右下的代码集合...相关推荐

js+css 使div背景图在ie6中透明
一个小东西就不叙述了 banner为div的ID <script type="text/javascript"> var banner = document.getE ...
滚动到后，如何使div停留在屏幕顶部？
本文翻译自:How can I make a div stick to the top of the screen once it's been scrolled to? 我想创建一个div,它位于内 ...
用CSS使DIV水平居中
一,用CSS使DIV层水平居中对需要水平居中的DIV层添加以下属性: margin-left: auto; margin-right: auto; 这样在FF中已经居中了,可是在IE中看 ...
html悬浮弹窗后面背景变深,JS+CSS实现Div弹出窗口同时背景变暗的方法
本文实例讲述了JS+CSS实现Div弹出窗口同时背景变暗的方法.分享给大家供大家参考.具体实现方法如下: 代码如下: JS+CSS实现的Div弹出窗口,同时背景变暗 function locki ...
js控制使div自动适应居中
一直都在想怎么样使弹出的DIV能在任何时候都是居中显示的,刚开始的时候是用CSS样式直接定义好层的位置,但是当页面很长的时候,或是浏览器窗口大小不是固定的时候就不能正确的显示,所以只好用JS来控制DI ...
html怎么设置一个div可以左右移动,利用css 使div上下左右移动
在html中,有时需要使某个div上下左右移动,使div元素位置产生偏移.本文使用了css3的transform:translate(X,Y),和css的相对定位来实现div元素的偏移. 一.使用cs ...
利用css 使div上下左右移动
在html中,有时需要使某个div上下左右移动,使div元素位置产生偏移.本文使用了css3的transform:translate(X,Y),和css的相对定位来实现div元素的偏移. 一.使用cs ...
使用css使div居中显示
本例以vue为例,使用text-align: center 和margin:0 auto;实现div居中显示 1.html代码 <template> <div class=&qu ...
使用CSS使div块内容垂直居中的方法
一·line-height 如果内容只有文本,则可以使用line-height属性,值与父级的高度一样就可以实现垂直居中效果二·div块使用margin 可以在该块使用margin或者margin- ...

html距离屏幕左侧,js+css使DIV始终居于屏幕中间左下左上右上右下的代码集合...

html距离屏幕左侧,js+css使DIV始终居于屏幕中间左下左上右上右下的代码集合...相关推荐

最新文章

热门文章

html距离屏幕左侧,js+css使DIV始终居于屏幕中间 左下 左上 右上 右下的代码集合...

html距离屏幕左侧,js+css使DIV始终居于屏幕中间 左下 左上 右上 右下的代码集合...相关推荐

最新文章

热门文章

html距离屏幕左侧,js+css使DIV始终居于屏幕中间左下左上右上右下的代码集合...

html距离屏幕左侧,js+css使DIV始终居于屏幕中间左下左上右上右下的代码集合...相关推荐