搜索
编程论坛 → WEB开发 → 『 JavaScript论坛 』 → 偶自己做的~请指点
标题：偶自己做的~请指点
只看楼主
linuxpluto
Rank: 4
等　级：贵宾
威　望：13
帖　子：889
专家分：23
注　册：2005-8-14
楼主
 问题点数：0 回复次数：45 
偶自己做的~请指点

[CODE]

<style>
.outerbox {
display:block;
overflow:vibile;
position:absolute;
}

.innerbox {
border:1px solid black;
display:block;
overflow:hidden;
}

.rightbox {
overflow:vibile;
position:absolute;
border:1px solid black;
height:800;
}

.rightbody {
display:block;
height:520;
overflow:visible
}

.itemhead {
border:1px solid gray;
text-align:right;
width:100%;
background-color:#0a246a;
filter:progid:DXImageTransform.Microsoft.Alpha(startX=0,startY=7, finishX=100, finishY=7,style=1,opacity=100,finishOpacity=0);

}

.itembody{
position:relative;
display:block;
overflow:hidden;
}

.itemrightbody{
position:relative;
display:none;
overflow:hidden;
height:300;
border:1px solid black;
}

.app {
cursor:hand;
position:relative;
}
p {
line-height:140%;
text-indent:24px;
}
body {
font-size:12px;
}
td {
font-size:12px;
}

ul {
margin:5px;
text-indent:15px;
}
li {
font-family:"Times New Roman", Times, serif
text-decoration:underline;
color:#0000cd;
}
br {
line-height:2px;
}
.msk {
display:none;
background-color:white;
position:absolute;
left:0;
top:0;
width:1000;
height:768;
z-index:20;
filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=50,finishOpacity=100);
}
.dspbox {
display:none;
border:1px solid black;
width:600;
height:500;
position:absolute;
left:200;
top:50;
background-color:white;
z-index:25;
word-wrap:break-word;
}

.dspbody {
display:block;
overflow:hidden;
border:0px solid gray;
}
.header {
position:absolute;
left:100;
top:10;
width:800;
height:50;
border:1px solid black;
}
.minbox {
border:1px solid gray;
position:absolute;
width:150;
display:none;
text-align:right
}
.titl {
font-family:"Courier New", Courier, mono;
font-size:19px;
background-color:#e9967a;
width:100%;
filter:progid:DXImageTransform.Microsoft.Alpha(startX=0,startY=0, finishX=100, finishY=100,style=1,opacity=100,finishOpacity=0);
}


.main {
display:block;
overflow:hidden;
border:1px solid gray;
}
.main1 {
display:block;
overflow:hidden;
border:1px solid red;
}

.eff {
height:25;
border:1px solid gray;
}

</style>
<script defer>
var sss,sssM,sssD,sssMin;
function init() {
left.style.pixelLeft=header.offsetLeft;
left.style.pixelTop=header.offsetHeight+20;
left.style.pixelWidth=195;
right.style.pixelLeft=left.offsetLeft+left.offsetWidth+10;
right.style.pixelTop=left.offsetTop;
right.style.pixelWidth=header.offsetWidth-left.offsetWidth-10;

timeH.value=timeB.offsetHeight;
libH.value=libB.offsetHeight;
codeH.value=codeB.offsetHeight;
scriptgameH.value=scriptgameB.offsetHeight;
effH.value=effB.offsetHeight;
minD.style.pixelLeft=10;
}

function scro() {//最小化div的显示和停止
if (minD.style.display=="block") {
minD.style.pixelTop=document.body.scrollTop+document.body.clientHeight-20;
//alert(document.all('minD').style.pixelTop+" "+document.all('minD').style.pixelLeft+" "+document.all('minD').style.pixelHeight)
sssMin=setTimeout("scro()","5")
}
if (minD.style.display=="none") {
//cleatTimeout(sssMin)
}
}

function scroM() {//遮罩层内容的显示和停止
if (mask.style.display=="block") {
mask.style.pixelTop=document.body.scrollTop;
sssM=setTimeout("scroM()","5")
}
if (mask.style.display=="none") {
//cleatTimeout(sssM)
}
}

function scroD() {//的显示和停止
if (dsp.style.display=="block") {
dsp.style.pixelTop=document.body.scrollTop+50;
sssD=setTimeout("scroD()","5")
}
if (dsp.style.display=="none") {
//cleatTimeout(sssD)
}
}

function roll(obj) {
dd=document.all(obj)
dc=document.all(obj+'B')
if (dd.value=="max") {
dc.style.pixelHeight=dc.offsetHeight-4;
sss=setTimeout("roll('"+obj+"')","1")
if (dc.offsetHeight<=5)
{ clearTimeout(sss)
dd.value="min"
dc.style.display='none'
}
}
}

function maxO(obj) {
dd=document.all(obj);
dc=document.all(obj+'B')
dc.style.display="block"
if (dd.value=="min") {
dc.style.pixelHeight=dc.offsetHeight+4;
sss=setTimeout("maxO('"+obj+"')","1")
if (dd.offsetHeight>=document.all(obj+"H").value)
{ clearTimeout(sss)
dd.value="max";
dc.style.pixelHeight=parseInt(document.all(obj+"H").value)
}
}
}

function rollright(obj) {
dd=document.all(obj)
dc=document.all(obj+'B')
dc.style.display='none'
}

function maxOright(obj) {
dd=document.all(obj);
dc=document.all(obj+'B')
if (dc.value=='max')
{
dc.style.display='none';dc.value='min'
}
else
{
dc.style.display='block';dc.value='max'
}
}

function closeObj(obj) {
dd=document.all(obj)
dd.style.display='none'
}

function displayObj() {
mask.style.display='block';
dsp.style.display='block';
minD.style.display='none'
}

function minObj() {
dsp.style.display="none"
mask.style.display="none"
minD.style.display='block'
}

function closeall() {
dsp.style.display="none"
mask.style.display="none"
minD.style.display="none"
}

function leftDblclick (aa) {
dd=document.all(aa)
if (dd.value=='max')
roll(aa)
else
maxO(aa)
}
</script>

<body onload="init();">
<div id=header class=header>你的位置>><Br>库/特效/关键代码/个人作品/脚本游戏</div>


<div id=left class=outerbox>
<div id=time class=innerbox value="max" onDblclick="leftDblclick('time')">
<div id=timeH class=itemhead value=""><span class=app onclick="roll('time')">（可以在该窗口任何地方双击，下同）＿</span><span class=app onclick="maxO('time')">□</span></div>
<div id=timeB class=itembody><script language="javascript" src="time.js"></script></div>
</div><br>
<div id=lib class=innerbox value="max" onDblclick="leftDblclick('lib')">
<div id=libH class=itemhead value=""><span class=app onclick="roll('lib')">＿</span><span class=app onclick="maxO('lib')">□</span></div>
<div id=libB class=itembody>
<table border=0 cellpadding=0 cellspacing=0>
<tr><td>
<ul style="margin:5px;text-indent:15px">
<li>Window对象
<li>Document对象
<li>Event对象
<li>Number对象
</ul></td>
<td>
<ul style="margin:5px;text-indent:15px">
<li>String对象
<li>Regexp对象
<li>Date对象
<li>Math对象
</ul></td></tr>
<tr><td colspan=2 align=right>More...</td></tr></table>
</div>
</div><br>
<div id=code class=innerbox value="max" onDblClick="leftDblclick('code')">
<div id=codeH class=itemhead value=""><span class=app onclick="roll('code')">＿</span><span class=app onclick="maxO('code')">□</span></div>
<div id=codeB class=itembody>
<table border=0 cellpadding=0 cellspacing=0>
<tr><td>
<ul style="margin:5px;text-indent:15px">
<li>关键属性
<li>关键属性
<li>关键属性
<li>关键属性
</ul></td>
<td>
<ul style="margin:5px;text-indent:15px">
<li>关键方法
<li>关键方法
<li>关键方法
<li>关键方法
</ul></td></tr>
<tr><td colspan=2 align=right>More...</td></tr></table>
</div>
</div><br>
<div id=scriptgame class=innerbox value="max" onDblclick="leftDblclick('scriptgame')">
<div id=scriptgameH class=itemhead value=""><span class=app onclick="roll('scriptgame')">＿</span><span class=app onclick="maxO('scriptgame')">□</span></div>
<div id=scriptgameB class=itembody>
<table border=0 cellpadding=0 cellspacing=0>
<tr><td>
<ul style="margin:5px;text-indent:15px">
<li>潜艇大战
<li>五子棋
<li>推箱子
<li>扫雷
</ul></td>
<td>
<ul style="margin:5px;text-indent:15px">
<li>连连看
<li>俄罗斯方块
<li>空
<li>空
</ul></td></tr>
<tr><td colspan=2 align=right>More...</td></tr></table>
</div>
</div><br>
<div id=eff class=innerbox value="max" onDblclick="leftDblclick('eff')">
<div id=effH class=itemhead value=""><span class=app onclick="roll('eff')">＿</span><span class=app onclick="maxO('eff')">□</span></div>
<div id=effB class=itembody>
<table border=0 cellpadding=0 cellspacing=0>
<tr><td>
<ul style="margin:5px;text-indent:15px">
<li>按钮
<li>状态栏
<li>loading
<li>鼠标
</ul></td>
<td>
<ul style="margin:5px;text-indent:15px">
<li>菜单
<li>滚动条
<li>窗口
<li>日期
</ul></td></tr>
<tr><td colspan=2 align=right>More...</td></tr></table>
</div>
</div>
</div>


<div id=right class=rightbox value="max">
<div id=rightH class=itemhead value="">&nbsp;<!--<span class=app onclick="roll('right')">＿</span><span class=app onclick="maxO('right')">□</span>--></div>
<div id=rightB class=rightbody>
<div id=rtbtn class=itembody>
<div id=rtbtnH class=titl onclick="maxOright('rtbtn')">按钮效果(可以单击下同)</div>
<div id=rtbtnB value="min" class=itemrightbody><div onclick="displayObj()">点我</div></div>
</div><br>

<div id=rtMenu class=itembody>
<div id=rtMenuH class=titl onclick="maxOright('rtMenu')">菜单效果</div>
<div id=rtMenuB value="min" class=itemrightbody onmouseout="rollright('rtMenu')"></div>
</div><br>

<div id=rtstatu class=itembody>
<div id=rtstatuH class=titl onclick="maxOright('rtstatu')">状态栏效果</div>
<div id=rtstatuB value="min" class=itemrightbody onmouseout="rollright('rtstatu')"></div>
</div><br>

<div id=rtscro class=itembody>
<div id=rtscroH class=titl onclick="maxOright('rtscro')">滚动条效果</div>
<div id=rtscroB value="min" class=itemrightbody onmouseout="rollright('rtscro')"></div>
</div><br>

<div id=rtload class=itembody>
<div id=rtloadH class=titl onclick="maxOright('rtload')">Loading效果</div>
<div id=rtloadB value="min" class=itemrightbody onmouseout="rollright('rtload')"></div>
</div><br>

<div id=rtwindow class=itembody>
<div id=rtwindowH class=titl onclick="maxOright('rtwindow')">窗口效果</div>
<div id=rtwindowB value="min" class=itemrightbody onmouseout="rollright('rtwindow')"></div>
</div><br>

<div id=rtmouse class=itembody>
<div id=rtmouseH class=titl onclick="maxOright('rtmouse')">鼠标效果</div>
<div id=rtmouseB value="min" class=itemrightbody onmouseout="rollright('rtmouse')"></div>
</div><br>

<div id=rtdate class=itembody>
<div id=rtdateH class=titl onclick="maxOright('rtdate')">日期效果</div>
<div id=rtdateB value="min" class=itemrightbody onmouseout="rollright('rtdate')"></div>
</div>

</div>
</div>


<div id=dsp class=dspbox>
<div id=dspH class=itemhead><span class=app onClick="minObj();scro()">＿</span><span class=app>□</span><span class=app onclick="closeall()">Ⅹ</span></div>
<div id=dspB class=dspbody><iframe src="reg.html" height=100% width=100%>aaa</iframe></div>
</div>
<div id=mask class=msk ></div>

<div id=minD class=minbox value="max">
<div id=minDH class=itemhead>
<span class=app onclick="displayObj();scroM();scroD()">□</span><span class=app onclick="closeall()">Ⅹ</span>
</div>
</div>

<div id=footer></div>
</body>

<div id=libtemp style="display:none">
<div class=main><div class=titl>Window对象</div>
<ul style="margin:5px;text-indent:15px">
<li><div onclick="displayObj()">点我</div>
<li>Screen
<li>Location
</ul>
</div>
<div class=main><div class=titl>Window对象</div>
<ul style="margin:5px;text-indent:15px">
<li>Frame
<li>Screen
<li>Location
</ul>
</div>
<div class=main><div class=titl>Window对象</div>
<ul style="margin:5px;text-indent:15px">
<li>Frame
<li>Screen
<li>Location
</ul>
</div>
<div class=main><div class=titl>Window对象</div>
<ul style="margin:5px;text-indent:15px">
<li>Frame
<li>Screen
<li>Location
</ul>
</div>
<div class=main><div class=titl>Window对象</div>
<ul style="margin:5px;text-indent:15px">
<li>Frame
<li>Screen
<li>Location
</ul>
</div>
<div class=main><div class=titl>Window对象</div>
<ul style="margin:5px;text-indent:15px">
<li>Frame
<li>Screen
<li>Location
</ul>
</div>
<div class=main><div class=titl>Window对象</div>
<ul style="margin:5px;text-indent:15px">
<li>Frame
<li>Screen
<li>Location
</ul>
</div>
</div>
[/CODE]

搜索更多相关主题的帖子: overflow　block　solid　display　border　
2005-12-06 01:16
静夜思
Rank: 20Rank: 20Rank: 20Rank: 20Rank: 20
来　自：济南的冬天
等　级：管理员
威　望：11
帖　子：8842
专家分：2567
注　册：2004-3-25
第 2 楼
 得分:0 
高手，收藏了

畅所欲言
2005-12-06 01:30
linuxpluto
Rank: 4
等　级：贵宾
威　望：13
帖　子：889
专家分：23
注　册：2005-8-14
第 3 楼
 得分:0 

吃的比猪还差，干的比驴还累，起的比鸡还早，睡得比小姐还晚，挣得比民工还少，看起来比谁都好——苦命的人.人生短短几十年，不要给自己留下了什么遗憾，想笑就笑，想哭就哭，该爱的时候就去爱，无谓压抑自己
2005-12-06 02:03
静夜思
Rank: 20Rank: 20Rank: 20Rank: 20Rank: 20
来　自：济南的冬天
等　级：管理员
威　望：11
帖　子：8842
专家分：2567
注　册：2004-3-25
第 4 楼
 得分:0 
也是夜猫子

畅所欲言
2005-12-06 02:04
linuxpluto
Rank: 4
等　级：贵宾
威　望：13
帖　子：889
专家分：23
注　册：2005-8-14
第 5 楼
 得分:0 

82095326我的qq


吃的比猪还差，干的比驴还累，起的比鸡还早，睡得比小姐还晚，挣得比民工还少，看起来比谁都好——苦命的人.人生短短几十年，不要给自己留下了什么遗憾，想笑就笑，想哭就哭，该爱的时候就去爱，无谓压抑自己
2005-12-06 02:08
风雨中
Rank: 1
等　级：新手上路
帖　子：213
专家分：0
注　册：2005-10-6
第 6 楼
 得分:0 
确实是一个不错的东西,有几天没有上来了.

因为我笨，所以我在不断的努力；因为我穷，所以我没有读过太多的书；因为我对自己期望很高，所以我只能不断的追求，用行动去实现自己的价值。
2005-12-06 11:50
IT_BoBo
Rank: 1
等　级：新手上路
帖　子：623
专家分：0
注　册：2005-11-1
第 7 楼
 得分:0 
以下是引用静夜思在2005-12-6 1:30:00的发言：
高手，收藏了

復旦大學的高材生來的~


……吹、吹、吹个大气球，吹大了气球玩球球……
2005-12-06 20:04
conn
Rank: 2
等　级：新手上路
威　望：5
帖　子：420
专家分：0
注　册：2005-11-27
第 8 楼
 得分:0 

斑竹大哥就是牛


我是新手,但我很虚心,对我发的问题请不要取笑,谢谢
2005-12-06 21:05
scriptzyd
Rank: 1
等　级：新手上路
帖　子：26
专家分：0
注　册：2005-12-6
第 9 楼
 得分:0 
楼主问一下dc=document.all(obj+'B');
这句是什么意思?后边为什么用dd做判断用dc来做修改?谢谢

[此贴子已经被作者于2005-12-15 21:20:01编辑过]

2005-12-15 20:48
linuxpluto
Rank: 4
等　级：贵宾
威　望：13
帖　子：889
专家分：23
注　册：2005-8-14
第 10 楼
 得分:0 
dc=document.all(obj+'B');是用来找以“obj”开头“B”（body）结尾为名的id，这个id的div用来显示内容
dd是用来找记录dc的状态的，多了个 属性value用来记录dc现在是最大，还是最小
以“obj”开头“H”（head）结尾为名的id的value属性用来记录以“obj”开头“B”（body）结尾为名的id的高度，在onload中初始化，为了从最小化到默认的大小的时候给个上限值，不至于把以“obj”开头“B”（body）结尾为名的id无限的放大

吃的比猪还差，干的比驴还累，起的比鸡还早，睡得比小姐还晚，挣得比民工还少，看起来比谁都好——苦命的人.人生短短几十年，不要给自己留下了什么遗憾，想笑就笑，想哭就哭，该爱的时候就去爱，无谓压抑自己
2005-12-16 09:29



参与讨论请移步原网站贴子：https://bbs.bccn.net/thread-36803-1-1.html




关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有，并保留所有权利。
Powered by Discuz, Processed in 1.095972 second(s), 7 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved