搜索:
首页 >> JavaScript >> Javascript特效 >> 随滚动条移动的DIV层js代码

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

2007-10-10 作者:天空诚整理 来源:中国Asp之家 投递文章

随滚动条移动的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>

完整的代码如下:

[提示:你可先修改部分代码,再按运行]

Tags:div  滚动 
相关文章
手机版 Javascript特效 Asp之家 Aspxhome.com
闽ICP备06017341号