网络编程
位置:首页>> 网络编程>> JavaScript>> 随滚动条移动的DIV层js代码

随滚动条移动的DIV层js代码

 来源:asp之家 发布时间:2007-10-10 12:51:00 

标签:div,滚动

随滚动条移动的DIV层js代码,无论你的滚动条到哪里这个DIV层就跟到哪里!代码中例举了五个方向的滚动div层例子:包括左上方的div,左下方的div,右上方和右下方的DIV,还有一个是居中的div层。我们可以用在网站提示信息或网站漂浮的广告上,效果应该不错。

下面是其中正中(屏幕居中)的代码:

使用方法:把你要随滚动条滚动的网页内容或广告代码放入下面的“正中...”里。


<div id="Javascript.Div1" class="div" style="width: 240px; height:90px" align="center">正中...</div>
<SCRIPT LANGUAGE="JavaScript">
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";
}
</SCRIPT>


完整的代码如下:


0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com