5.9w+
社区成员
- 主页
- 问答
关于表格显示的问题（只要解决问题，我还会加分）
我想做一个网页，它是三列的形式，但是我现在考虑网页显示的顺序，即当打开该页面的时候，先显示最左列的页面内容，再显示中间列的页面内容，最后显示右边列的页面内容，以前我在网上搜索过一个关于列型table的形式，但是现在找不到了，那位大侠能够告诉我，如果解决呢？万分感谢。
...全文
请发表友善的回复…
发表回复
nattyfish 2003-12-15
<script language="JavaScript">
<!--
function disp(x){
//alert(typeof(x))
divvar=document.getElementById(x)
divvar.style.display="block"
}
function chk(){
var divarr=['t1','t2','t3']
for(var i=0;i<divarr.length;i++){
setTimeout('disp("'+divarr[i]+'")',1000*i)}
}
//-->
</script>
<link rel="stylesheet" href="" type="text/css">
</head>
<body bgcolor="#FFFFFF" onload="chk()">
<table border="1">
<tr>
<td><div style="width:100px;height:100px;background-color:#ff0000;display:none" id="t1"></div></td>
<td><div style="width:100px;height:100px;background-color:#ffff00;display:none" id="t2"></div></td>
<td><div style="width:100px;height:100px;background-color:#000000;display:none" id="t3"></div></td>
</tr>
</table>
<!--
function disp(x){
//alert(typeof(x))
divvar=document.getElementById(x)
divvar.style.display="block"
}
function chk(){
var divarr=['t1','t2','t3']
for(var i=0;i<divarr.length;i++){
setTimeout('disp("'+divarr[i]+'")',1000*i)}
}
//-->
</script>
<link rel="stylesheet" href="" type="text/css">
</head>
<body bgcolor="#FFFFFF" onload="chk()">
<table border="1">
<tr>
<td><div style="width:100px;height:100px;background-color:#ff0000;display:none" id="t1"></div></td>
<td><div style="width:100px;height:100px;background-color:#ffff00;display:none" id="t2"></div></td>
<td><div style="width:100px;height:100px;background-color:#000000;display:none" id="t3"></div></td>
</tr>
</table>
swich 2003-12-15
bzscs(沙虫) 方法不错
lions911 2003-12-14
<script language="JavaScript">
<!--
function disp(x){
//alert(typeof(x))
divvar=document.getElementById(x)
divvar.style.display="block"
}
function chk(){
var divarr=['t1','t2','t3']
for(var i=0;i<divarr.length;i++){
setTimeout('disp("'+divarr[i]+'")',1000*i)}
}
//-->
</script>
<link rel="stylesheet" href="" type="text/css">
</head>
<body bgcolor="#FFFFFF" onload="chk()">
<table border="1">
<tr>
<td><div style="width:100px;height:100px;background-color:#ff0000;display:none" id="t1"></div></td>
<td><div style="width:100px;height:100px;background-color:#ffff00;display:none" id="t2"></div></td>
<td><div style="width:100px;height:100px;background-color:#000000;display:none" id="t3"></div></td>
</tr>
</table>
这个的思路就可以
<!--
function disp(x){
//alert(typeof(x))
divvar=document.getElementById(x)
divvar.style.display="block"
}
function chk(){
var divarr=['t1','t2','t3']
for(var i=0;i<divarr.length;i++){
setTimeout('disp("'+divarr[i]+'")',1000*i)}
}
//-->
</script>
<link rel="stylesheet" href="" type="text/css">
</head>
<body bgcolor="#FFFFFF" onload="chk()">
<table border="1">
<tr>
<td><div style="width:100px;height:100px;background-color:#ff0000;display:none" id="t1"></div></td>
<td><div style="width:100px;height:100px;background-color:#ffff00;display:none" id="t2"></div></td>
<td><div style="width:100px;height:100px;background-color:#000000;display:none" id="t3"></div></td>
</tr>
</table>
这个的思路就可以
androwdelphi 2003-12-13
用javascript来控制
载入时间不同
载入时间不同
bzscs 2003-12-13
<script language="JavaScript">
<!--
function disp(x){
//alert(typeof(x))
divvar=document.getElementById(x)
divvar.style.display="block"
}
function chk(){
var divarr=['t1','t2','t3']
for(var i=0;i<divarr.length;i++){
setTimeout('disp("'+divarr[i]+'")',1000*i)}
}
//-->
</script>
<link rel="stylesheet" href="" type="text/css">
</head>
<body bgcolor="#FFFFFF" onload="chk()">
<table border="1">
<tr>
<td><div style="width:100px;height:100px;background-color:#ff0000;display:none" id="t1"></div></td>
<td><div style="width:100px;height:100px;background-color:#ffff00;display:none" id="t2"></div></td>
<td><div style="width:100px;height:100px;background-color:#000000;display:none" id="t3"></div></td>
</tr>
</table>
<!--
function disp(x){
//alert(typeof(x))
divvar=document.getElementById(x)
divvar.style.display="block"
}
function chk(){
var divarr=['t1','t2','t3']
for(var i=0;i<divarr.length;i++){
setTimeout('disp("'+divarr[i]+'")',1000*i)}
}
//-->
</script>
<link rel="stylesheet" href="" type="text/css">
</head>
<body bgcolor="#FFFFFF" onload="chk()">
<table border="1">
<tr>
<td><div style="width:100px;height:100px;background-color:#ff0000;display:none" id="t1"></div></td>
<td><div style="width:100px;height:100px;background-color:#ffff00;display:none" id="t2"></div></td>
<td><div style="width:100px;height:100px;background-color:#000000;display:none" id="t3"></div></td>
</tr>
</table>
yamolf 2003-12-13
可以做三个层，然后把三列的内容分别做成表格分别放在三个层上面，然后在dw中用层的显示和隐藏行为来做。