JavaScript如何隐藏一个DIV的同时隔上几秒后再显示另一个DIV？求完整代码~！在线等
如果在同一个网页的上下左右都分别定位一个DIV（A、B、C、D），在默认的情况下A是显示的其它（B、C、D）是隐藏的（隐藏状态display:none;）而他们互相都有其...
如果在同一个网页的上下左右都分别定位一个DIV（A、B、C、D），在默认的情况下A是显示的其它（B、C、D）是隐藏的（隐藏状态display:none;）而他们互相都有其他DIV的链接(如：A上可以连接到B、C、D其他的也一样)，能不能写个JS当我点击A页上的B链接时A页隐藏，几秒后再显示B页。同样的从B页点击其他页的链接也一样效果。JS高手们能写出这样的效果不（能有注释就更好了）？如果可以的话能不能在隐藏和显示DIV的时候再加点滑动效果？？？？？？跪求，刚看了下分实在是尴尬啊只有35分了汗一个，虽然分数不多，希望高手们还是帮下我吧，先谢谢各位啦
一楼的谢谢您看我的问题，不过您不想帮忙我不怪您，可您说话不能这样啊 “分少说明一个问题 获取的知识多 分享的知识少 只问不答 !” 什么叫只问不答啊？我分少是因为前面我问的2个问题每个问题都给几百分才用完的，请您说话注意点！
谢谢您！麻烦您了呵呵！我放张图吧您好看些，点图可以看的清楚些 展开
一楼的谢谢您看我的问题，不过您不想帮忙我不怪您，可您说话不能这样啊 “分少说明一个问题 获取的知识多 分享的知识少 只问不答 !” 什么叫只问不答啊？我分少是因为前面我问的2个问题每个问题都给几百分才用完的，请您说话注意点！
谢谢您！麻烦您了呵呵！我放张图吧您好看些，点图可以看的清楚些 展开
3个回答
展开全部
嗯..大概明白.是点A.B过会显示..点B.显示C.点C显示D..点D显示A???.但不知道理解了没.我先占个位.洗个澡再给你写...等我哦
洗好了..三月没洗澡..洗下真舒服
<html>
<head>
<body>
<table width=100% height=100%> //我为了布局用了个table.你就用决对定位好了
<tr height=50%>
<td width=50%>
<div id="a" style=border-style:solid>A页面<br>
<a onclick=clickdiv('a')>A</a><br>
<a onclick=clickdiv('b')>B</a><br>
<a onclick=clickdiv('c')>C</a><br>
<a onclick=clickdiv('d')>D</a>
</div>
</td>
<td width=50%>
<div id="b" style=border-style:solid>B页面<br>
<a onclick=clickdiv('a')>A</a><br>
<a onclick=clickdiv('b')>B</a><br>
<a onclick=clickdiv('c')>C</a><br>
<a onclick=clickdiv('d')>D</a>
</div>
</td>
</tr>
<tr height=50%>
<td width=50%>
<div id="c" style=border-style:solid>C页面<br>
<a onclick=clickdiv('a')>A</a><br>
<a onclick=clickdiv('b')>B</a><br>
<a onclick=clickdiv('c')>C</a><br>
<a onclick=clickdiv('d')>D</a>
</div>
</td>
<td width=50%>
<div id="d" style=border-style:solid>D页面<br>
<a onclick=clickdiv('a')>A</a><br>
<a onclick=clickdiv('b')>B</a><br>
<a onclick=clickdiv('c')>C</a><br>
<a onclick=clickdiv('d')>D</a>
</div>
</td>
</tr>
</table>
<script language="javascript">
function clickdiv(id){
alldisplay();
document.getElementById(id).style.display="block"; //把你要显示的显示了
}
function alldisplay(){ //所有的div都先隐藏掉
document.getElementById('a').style.display="none";
document.getElementById('b').style.display="none";
document.getElementById('c').style.display="none";
document.getElementById('d').style.display="none";
}
</script>
</body>
</html>
洗好了..三月没洗澡..洗下真舒服
<html>
<head>
<body>
<table width=100% height=100%> //我为了布局用了个table.你就用决对定位好了
<tr height=50%>
<td width=50%>
<div id="a" style=border-style:solid>A页面<br>
<a onclick=clickdiv('a')>A</a><br>
<a onclick=clickdiv('b')>B</a><br>
<a onclick=clickdiv('c')>C</a><br>
<a onclick=clickdiv('d')>D</a>
</div>
</td>
<td width=50%>
<div id="b" style=border-style:solid>B页面<br>
<a onclick=clickdiv('a')>A</a><br>
<a onclick=clickdiv('b')>B</a><br>
<a onclick=clickdiv('c')>C</a><br>
<a onclick=clickdiv('d')>D</a>
</div>
</td>
</tr>
<tr height=50%>
<td width=50%>
<div id="c" style=border-style:solid>C页面<br>
<a onclick=clickdiv('a')>A</a><br>
<a onclick=clickdiv('b')>B</a><br>
<a onclick=clickdiv('c')>C</a><br>
<a onclick=clickdiv('d')>D</a>
</div>
</td>
<td width=50%>
<div id="d" style=border-style:solid>D页面<br>
<a onclick=clickdiv('a')>A</a><br>
<a onclick=clickdiv('b')>B</a><br>
<a onclick=clickdiv('c')>C</a><br>
<a onclick=clickdiv('d')>D</a>
</div>
</td>
</tr>
</table>
<script language="javascript">
function clickdiv(id){
alldisplay();
document.getElementById(id).style.display="block"; //把你要显示的显示了
}
function alldisplay(){ //所有的div都先隐藏掉
document.getElementById('a').style.display="none";
document.getElementById('b').style.display="none";
document.getElementById('c').style.display="none";
document.getElementById('d').style.display="none";
}
</script>
</body>
</html>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
