看到动网论坛帖子列表里在用,就把它挖出来,核心是用浮动框架iframe来显示或隐藏跟帖列表。
共有3个文件和4个图片
在线演示:http://music.lzr.com.cn/apple/test/
打包下载:http://music.lzr.com.cn/apple/file/ExpandCollapse.rar
主页面:Index.htm如下:

动网论坛帖子跟帖展开/关闭测试<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
动网论坛帖子跟帖展开/关闭测试"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
>
动网论坛帖子跟帖展开/关闭测试
动网论坛帖子跟帖展开/关闭测试
<html>
动网论坛帖子跟帖展开/关闭测试    
<head>
动网论坛帖子跟帖展开/关闭测试        
<title> 论坛帖子跟帖展开/关闭测试 </title>
动网论坛帖子跟帖展开/关闭测试        
<meta name="Generator" content="EditPlus" />
动网论坛帖子跟帖展开/关闭测试        
<meta name="Author" content="" />
动网论坛帖子跟帖展开/关闭测试        
<meta name="Keywords" content="" />
动网论坛帖子跟帖展开/关闭测试        
<meta name="Description" content="" />
动网论坛帖子跟帖展开/关闭测试        
<!--青青河草-2004--->
>
跟帖打开调用的页面Open.htm,代码如下:
动网论坛帖子跟帖展开/关闭测试<html>
动网论坛帖子跟帖展开/关闭测试    
<head>
动网论坛帖子跟帖展开/关闭测试        
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
动网论坛帖子跟帖展开/关闭测试    
</head>
动网论坛帖子跟帖展开/关闭测试
动网论坛帖子跟帖展开/关闭测试    
<body>
>
跟帖关闭调用页面Close.htm代码如下:
动网论坛帖子跟帖展开/关闭测试<html>
动网论坛帖子跟帖展开/关闭测试    
<head>
动网论坛帖子跟帖展开/关闭测试        
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
动网论坛帖子跟帖展开/关闭测试    
</head>
动网论坛帖子跟帖展开/关闭测试
动网论坛帖子跟帖展开/关闭测试    
<body>
>

相关文章: