赋什么值能将div总是显示在屏幕的中央

bigo 2002-08-06 01:48:35

赋什么值能将div总是显示在屏幕的中央
屏幕中共有两个按钮，我 想在单击较上的一个时在该位置的屏幕中央显示，
当滚动到较下的一个按钮时本代码还是在上一次显示的位置，而不是该此位置的屏幕中央显示,
需要滚动条才看得见div层
用我试一下好吗?

顺便问一下大家，大家用什么编辑器定javascript,怎样记得这么多的对象属性，
用VS.Net没有 梅花雨 写的这些属性提示？
-----------------------------------------------
<html>
<head>
<script language="javascript">
function switchSpan(spanId){0D
if(document.all[spanId].style.visibility=="visible")
document.all[spanId].style.visibility="hidden";
else{
document.all[spanId].style.visibility="visible";
document.all[spanId].style.left=screen.availWidth/2-315;
/*怎样设置在屏幕的中央，不要用50这种*/
document.all[spanId].style.top=screen.availHeight/2-76;
}
}
</script>
<script language="JavaScript">
var dragapproved=false
var z,x,y
function move(){
if (event.button==1&&dragapproved){
z.style.pixelLeft=temp1+event.clientX-x
z.style.pixelTop=temp2+event.clientY-y
return false
}}
function drags(){
if (!document.all)
return
if (event.srcElement.className=="drag"){
dragapproved=true
z=event.srcElement
temp1=z.style.pixelLeft
temp2=z.style.pixelTop
x=event.clientX
y=event.clientY
document.onmousemove=move
}}
document.onmousedown=drags
document.onmouseup=new Function("dragapproved=false")
</script>
<style> <!--.drag{
position:relative;
cursor:hand;
background-color: #3399CC;
0Avisibility: hidden;
width: 315px;
height: 76px;
border: 1pt solid #000000;
0A}

--></style>
</head>
<body bgcolor="#ffffff" text="#000000">
<div title="移动窗口" id="post" class="drag" name="post">发贴<a href='javascript:switchSpan("post")'>关闭<img alt="关闭发贴窗口"></a>
<table style="cursor:default" width="100" height="100" border="0" cellpadding="0" cellspacing="0" bgcolor="#eeeeee">
<tr>
<td>
<input type="text">
<br>
<input type="text">
<br>
<input type="button" value="button"></td>
</tr>
</table>
</div>
<input type="button" value="发贴" onclick='switchSpan("post")'> f f f f fff f ff
f f f ff ff<p></p>
f<p></p>
f f ff ff<p></p>
f ff<p></p>
f<p></p>
f<p></p>
f<p></p>
f<p></p>
f f<p></p>
ff<p></p>
f<p></p>
f<p></p>
f<p></p>
f<p></p>
f f ff ff<p></p>
f<p></p>
f<p></p>
f<p></p>
f<p></p>
f ff<p></p>
f f ff ff<p></p>
<input type="button" value="发贴" onclick='switchSpan("post")' ID="Button1" NAME="Button1">
f ff<p></p>
f
</body>
</html>
多谢！
...全文
146 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
qiushuiwuhen 2002-08-06
  • 打赏
  • 举报
 回复
like?
<html>
<head>
<script language="javascript">
function switchSpan(spanId){

if(document.all[spanId].style.visibility=="visible")
document.all[spanId].style.visibility="hidden";
else{
document.all[spanId].style.visibility="visible";
document.all[spanId].style.left=document.body.scrollLeft+document.body.offsetWidth/2-315;
document.all[spanId].style.top=document.body.scrollTop+document.body.offsetHeight/2-76;
}
}
</script>
<script language="JavaScript">
var dragapproved=false
var z,x,y
function move(){
if (event.button==1&&dragapproved){
z.style.pixelLeft=temp1+event.clientX-x
z.style.pixelTop=temp2+event.clientY-y
return false
}}
function drags(){
if (!document.all)
return
if (event.srcElement.className=="drag"){
dragapproved=true
z=event.srcElement
temp1=z.style.pixelLeft
temp2=z.style.pixelTop
x=event.clientX
y=event.clientY
document.onmousemove=move
}}
document.onmousedown=drags
document.onmouseup=new Function("dragapproved=false")
</script>
<style> <!--.drag{
position:relative;
cursor:hand;
background-color: #3399CC;
0Avisibility: hidden;
width: 315px;
height: 76px;
border: 1pt solid #000000;
0A}

--></style>
</head>
<body bgcolor="#ffffff" text="#000000">
<div title="移动窗口" id="post" class="drag" name="post">发贴<a href='javascript:switchSpan("post")'>关闭<img alt="关闭发贴窗口"></a>
<table style="cursor:default" width="100" height="100" border="0" cellpadding="0" cellspacing="0" bgcolor="#eeeeee">
<tr>
<td>
<input type="text">
<br>
<input type="text">
<br>
<input type="button" value="button"></td>
</tr>
</table>
</div>
<input type="button" value="发贴" onclick='switchSpan("post")'> f f f f fff f ff
f f f ff ff<p></p>
f<p></p>
f f ff ff<p></p>
f ff<p></p>
f<p></p>
f<p></p>
f<p></p>
f<p></p>
f f<p></p>
ff<p></p>
f<p></p>
f<p></p>
f<p></p>
f<p></p>
f f ff ff<p></p>
f<p></p>
f<p></p>
f<p></p>
f<p></p>
f ff<p></p>
f f ff ff<p></p>
<input type="button" value="发贴" onclick='switchSpan("post")' ID="Button1" NAME="Button1">
f ff<p></p>
f
</body>
</html>
2021-2022计算机二级等级考试试题及答案No.3786.docx
2021-2022计算机二级等级考试试题及答案No.3786.docx
css如何设置固定位置,用css固定位置的方法
支付宝内搜索 9155838 即可领现金红包 每天都能领哦在某些时候需要将一个div固定在一个浏览器某个指定的位置：例如在使用loading状态条的时候，或者显示在线用户数的时候。需要层显示在 网页的正中间，顶端或者左下端，并且在拉动滚动条的时候这个层依然保持在相同的相对位置。些人用表格+js脚本的形式实现，代码数量比较庞大，并且可能只能在ie下面比较良好的实现，在其他例如firefox下效果就糟...
[转]CSS兼容性考虑-如何用css固定位置
有的时候我们需要将一个div固定在一个屏幕的指定位置，如在使用loading状态条的时候，或者显示在线用户数的时候。需要的是将div显示在网页的中间，顶端或者左下端，并且无论滚动条如何拉动，这个div将始终保持在相同的相对位置。这些要求用css是很可以容易实现的，只需要用到position:fixed这个描述参数即可。和position: fixed;平行的描述语言有 position: abso...
CSS兼容性考虑-如何用css固定位置

有的时候我们需要将一个div固定在一个屏幕的指定位置，如在使用loading状态条的时候，或者显示在线用户数的时候。需要的是将div显示在网页的中间，顶端或者左下端，并且无论滚动条如何拉动，这个div将始终保持在相同的相对位置。这些要求用css是很可以容易实现的，只需要用到position:fixed这个描述参数即可。和position: fixed;平行的描述语言有 position: absolute; position: relative; position: static;这里主要讲一讲
P18[6-6]TIM输入捕获模式测频率并在OLED上显示频率(内含：1.接线图/实物图+2.代码部分+3.输入捕获模式使用到的STM32库函数)
STM32:TIM输入捕获模式测频率并在OLED上显示频率(内含：1.接线图/实物图+2.代码部分+3.输入捕获模式使用到的STM32库函数)
JavaScript

87,994

社区成员

224,693

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章