Ghost全自动系统备份光盘正式版 V4.5 | 硬盘版 V2.0 | 排行榜 TOP50 | 图文推荐 | 玩小游戏
首页 >> JavaScript >> Js脚本特效 >> 随滚动条移动的DIV层js代码

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

作者:天空诚整理 来源:中国Asp之家 时间:2007-10-10 网友评论条 【

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

完整的代码如下:

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

站长工具
Google 趋势查询:
相关文章
loading 请稍等,评论加载中...

Aspxhome.com. 中国Asp之家. 版权所有

闽ICP备06017341号