相关文章
北京网站建设视觉设计不只是图形
网页设计HTML语言：什么是Unicode？什么是UTF-8？
北京网站设计用XML+JSP实现网页内容动态显示的方案
网站设计Fireworks 制作图标-金属锁
网站制作使网站更具有可使用性
网页设计让你的主页声色并茂—巧为网页添加背景音乐
北京网站制作DIV+CSS布局网页页面实现多风格选择的方法
北京网站建设Photoshop打造超酷影片风格画面场景
北京网站设计用FrongPage设计网页花样
北京网站建设网页设计经验谈
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置：首页 >> 网页设计 >> 北京网页设计北京网站设计网页特效：随滚动条移动的DIV层
北京网页设计北京网站设计网页特效：随滚动条移动的DIV层
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">企通互联
<html xmlns="http://www.w3.org/1999/xhtml">北京网站建设
<HEAD>北京网站制作
<TITLE>随滚动条移动的层 - 北京网站建设
<META NAME="Author" CONTENT="haiwa">北京网站制作
<META NAME="homepage" CONTENT="www.chinaz.com">北京网站设计
</HEAD>网页设计
<style>网站设计 北京网站设计
<!--北京网站建设 www.qitongnet.com
.div{企通互联
position: absolute;北京网页设计
border: 2px solid red;网站设计
background-color: #EFEFEF;北京网站制作
line-height:90px;网站设计
font-size:12px;北京网站设计
z-index:1000;网站设计
}网站制作
-->网页设计
</style>网站设计 网站设计
<BODY>网站设计
<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>
北京网页设计
<div id="Javascript.Div2" class="div" style="width: 240px; height:90px" align="center">左上...</div>北京网页设计
<SCRIPT LANGUAGE="JavaScript">网站设计
function sc2(){网页设计
document.getElementById("Javascript.Div2").style.top=(document.documentElement.scrollTop)+"px";北京网页设计
document.getElementById("Javascript.Div2").style.left=(document.documentElement.scrollLeft)+"px";北京网页设计
}北京网站建设
</SCRIPT>
<div id="Javascript.Div3" class="div" style="width: 240px; height:90px" align="center">左下...</div>网页设计
<SCRIPT LANGUAGE="JavaScript">网站制作
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";北京网站建设
} 北京网站建设企通互联
</SCRIPT>
<div id="Javascript.Div4" class="div" style="width: 240px; height:90px" align="center">右上...</div>北京网站制作
<SCRIPT LANGUAGE="JavaScript">北京网站建设
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";北京网站制作
}网页设计
</SCRIPT> 站.长站
<div id="Javascript.Div5" class="div" style="width: 240px; height:90px" align="center">右下...</div>网站制作
<SCRIPT LANGUAGE="JavaScript">网站建设
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";北京网站设计
}北京网站制作 网站建设
</SCRIPT> Www.Chinaz.com
网页设计
<SCRIPT LANGUAGE="JavaScript">网站制作
<!--北京网页设计
function scall(){企通互联
sc1();sc2();sc3();sc4();sc5();网站建设
}网页设计
window.onscroll=scall;北京网站建设
window.onresize=scall;北京网站设计
window.onload=scall;网页设计
//-->北京网站制作
</SCRIPT>北京网站制作
<div style="position: absolute; top: 0px; left: 0px; width: 10000px; height: 4000px;"></div>网站设计
</BODY>北京网站建设
</HTML>
中.国.站长站
请作者联系本站，及时附注您的姓名。联系邮箱:edu#chinaz.com（把#改为@）。 Www.Chinaz.com
