录求一段像163网易首页那样的折叠页面代码,谢谢

shanxing 2007-01-08 11:32:37

...全文

388 7 打赏收藏转发到动态举报

写回复

用AI写文章

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

axaw 2007-01-08

打赏
举报

结帖给分

axaw 2007-01-08

打赏
举报

<body onload="change_Menu(1)">

<table width="254" cellspacing="0" class="partA">
<tr><td class="leW" valign="top" width="254">

 

<script language="JavaScript" type="text/javascript">
//<![CDATA[
var cur_index=1
var num=4 //该值记录标签的个数
var settime
function GetObj(objName){
if(document.getElementById){
return eval('document.getElementById("' + objName + '")');
}else if(document.layers){
return eval("document.layers['" + objName +"']");
}else{
return eval('document.all.' + objName);
}
}
function change_Menu(index){
for(var i=1;i<=num;i++){/* 最多支持8个标签 */
if(GetObj("con"+i)&&GetObj("m"+i)){
GetObj("con"+i).style.display = 'none';
GetObj("m"+i).className = "menu"+i+"Off";
}
}
if(GetObj("con"+index)&&GetObj("m"+index)){
GetObj("con"+index).style.display = 'block';
GetObj("m"+index).className = "menu"+index+"On";
}
cur_index=index
if(cur_index<num){
cur_index++
}
else{
cur_index=1
}
settime=setTimeout("change_Menu(cur_index)",2000)//设置延迟时间

}
function Menu(c_index){
clearTimeout(settime)
change_Menu(c_index)
}

//]]>
</script>
<table cellspacing="0" style="background:#3FA6B5; width:100%;" class="clearit">
<tr><td height="3"></td></tr>
<tr><td style=" color:#fff; font-weight:bold; text-align:center;"><a href=http://yayun2006.sina.com.cn/video/index.shtml target=_blank style="color:#fff;">
视频访谈</a></td>
<td id="m1" onClick="Menu(1)" class="menu1On" title="明星">明星</td>
<td width="1"></td>
<td id="m2" onClick="Menu(2)" class="menu2Off" title="游泳">游泳</td>
<td width="1"></td>
<td id="m3" onClick="Menu(3)" class="menu3Off" title="特写">特写</td>
<td width="1"></td>
<td id="m4" onClick="Menu(4)" class="menu4Off" title="举重">举重</td>
<td width="10"></td>
</tr>
</table>
<div id="con1" class="cont_le picfff">
<p style=" margin-left:1px;"><a href="http://sports.sina.com.cn/doha2006/z/doha2006/photo/36083/index.shtml" target="_blank"><img src="http://image2.sina.com.cn/ty/up/2006-12-07/U347P6T64D26465F1091DT20061207054109.jpg" width="120" height="90" alt="" /></a><br />
<a href="http://sports.sina.com.cn/doha2006/z/doha2006/photo/36083/index.shtml" target="_blank">
游泳冠军做客</a>
</p>
<p><a href="http://sports.sina.com.cn/doha2006/o/bn/2006-12-05/23122613020.shtml" target="_blank"><img src="http://image2.sina.com.cn/ty/up/2006-12-07/U347P6T64D26465F1094DT20061207054109.jpg" width="120" height="90" alt="" /></a><br />
<a href="http://sports.sina.com.cn/doha2006/o/bn/2006-12-05/23122613020.shtml" target="_blank">
邻家男孩吴鹏</a>
</p>
<div class="clearit"></div>
</div>
<div id="con2" style="display:none;" class="cont_le picfff">
<p style=" margin-left:1px;"><a href="http://sports.sina.com.cn/doha2006/o/bn/2006-12-05/23382613071.shtml" target="_blank"><img src="http://image2.sina.com.cn/ty/up/2006-12-07/U347P6T64D26465F1322DT20061207054109.jpg" width="120" height="90" alt="" /></a><br />
<a href="http://sports.sina.com.cn/doha2006/o/bn/2006-12-05/23382613071.shtml" target="_blank">
蛙后齐晖</a>
</p>
<p><a href="http://sports.sina.com.cn/doha2006/o/bn/2006-12-05/22502612978.shtml" target="_blank"><img src="http://image2.sina.com.cn/ty/up/2006-12-07/U347P6T64D26465F1323DT20061207054109.jpg" width="120" height="90" alt="" /></a><br />
<a href="http://sports.sina.com.cn/doha2006/o/bn/2006-12-05/22502612978.shtml" target="_blank">
成熟周雅菲</a>
</p>
<div class="clearit"></div>
</div>
<div id="con3" style="display:none;" class="cont_le picfff">
<p style=" margin-left:1px;"><a href="http://sports.sina.com.cn/doha2006/o/bn/2006-12-07/00582616492.shtml" target="_blank"><img src="http://image2.sina.com.cn/ty/up/2006-12-07/U347P6T64D26465F1324DT20061207054109.jpg" width="248" height="90" alt="" /></a><br />
<a href="http://sports.sina.com.cn/doha2006/o/bn/2006-12-07/00582616492.shtml" target="_blank">
张国政与小浪亲密接触</a>
</p>
<div class="clearit"></div>
</div>
<div id="con4" style="display:none;" class="cont_le picfff">
<p style=" margin-left:1px;"><a href="http://sports.sina.com.cn/doha2006/o/bn/2006-12-07/00502616482.shtml" target="_blank"><img src="http://image2.sina.com.cn/ty/up/2006-12-07/U347P6T64D26465F1325DT20061207054109.jpg" width="120" height="90" alt="" /></a><br />
<a href="http://sports.sina.com.cn/doha2006/o/bn/2006-12-07/00502616482.shtml" target="_blank">
丘乐公布择偶标准</a>
</p>
<p><a href="http://sports.sina.com.cn/doha2006/o/bn/2006-12-07/00212616420.shtml" target="_blank"><img src="http://image2.sina.com.cn/ty/up/2006-12-07/U347P6T64D26465F1326DT20061207054109.jpg" width="120" height="90" alt="" /></a><br />
<a href="http://sports.sina.com.cn/doha2006/o/bn/2006-12-07/00212616420.shtml" target="_blank">
女子举重大姐大</a>
</p>
<div class="clearit"></div>
</div>
</body>

</html>

axaw 2007-01-08

打赏
举报

滑动门技术。自己搜索一下，我给你一个代码先：

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 3</title><style type="text/css">

</style>

</head>

echo_php 2007-01-08