您正在使用 IPV4 [34.230.84.106] 访问本站,您本次已经查看了 1 页
用户名: 密 码: 验证码:     用QQ登录本站
首页 软件 编程 笑话 知识 公告 台风 日历 计算器
悟空收录网       [公益]保护绿色环境,构建和谐社会      

【腾讯云】云服务器、云数据库、COS、CDN、短信等云产品特惠热卖中      
[公益] 地球是我家,绿化靠大家      
2024年 清明节 016
2024年 劳动节 043
2025年 元 旦 288
2025年 春 节 316
 
您现在的位置:首页 >> 脚本代码 >> 内容
本类新增
本类热门
随滚动条移动的层
内容摘要: !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'HEADTITLE随滚动条移动的层 - ......
<!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>随滚动条移动的层 - 51windows.Net</TITLE>

<META HTTP-EQUIV="Content-Type" CONTENT="text/html" charset="gb2312">

<META NAME="Author" CONTENT="haiwa">

</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>


<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>



<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>

版权声明:本内容来源于网络,如有侵犯您的版权,请联系站长,本站收到您的信息后将及时处理。
上一篇:无图片的圆角表格

 

下一篇:JavaScript使用canvas绘制坐标和线

发布日期:2021/6/15
手机扫二维码直达本页
发布时间:12:34:56
点  击:6
录  入:壹家怡园
相关文章
Baidu
YiJiaCMS 7.3.8 build231228(MSSQL) 闽ICP备05000814号-1
本空间由腾讯云(轻量应用服务器)提供,Cloudflare提供加速防护
运行时间载入中.....