相关文章
企通互联HTML中DOCTYPE的定义及用法
北京网站制作XHTML初学者教程：XHTML标准属性
北京网站设计技巧：应该如何合理的应用CSS整体布局声明
网页设计用Javascript刷新框架子页面的七种方法
北京网站设计实现连续长字符在IE与FireFox下自动换行的方法
北京网站制作用Photoshop打造国画特效：龙骨石
北京网站设计网页设计基本配色参考色谱——平静
企通互联合理的网页设计具有哪些特征
企通互联10个经典的web2.0配色方案网站
网页设计绚丽多彩 Photoshop打造水中倒影
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置：首页 >> 网页设计 >> 北京网站设计网页特效：随滚动条移动的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>随滚动条移动的层 - www.chinaz.com</TITLE>北京网站制作
<META HTTP-EQUIV="Content-Type" CONTENT="text/html" charset="gb2312">北京网站建设
<META NAME="Author" CONTENT="haiwa">网页设计 www.qitongnet.com
<META NAME="homepage" CONTENT="www.chinaz.com">网站设计
</HEAD>网页设计
<style>北京网站制作
<!--网页设计
.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>
Www^Chinaz^com
<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> Www.Chinaz.com
<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").sty
