- 3/5
- 1
- 2
- 3
- 4
- 5
织梦DedeCMS视频教程买空间 租服务器 选网硕互联！ 无忧站长工具,百度权重一键全查!
是不是看到一些电影网站的电影介绍会折叠/展开呢？原以为实现起来比较麻烦，没想到这么简单，这是一个很好的文字特效，现在很多网站都有使用，兼容性好，直接复制代码简单加工一下就OK了。
<html> <head> <title>文字的展开/折叠</title> </head> <body> <div align="center"><table border="0" width="300" cellpadding="0" style="border-collapse: collapse" id="table1" bgcolor="#F3F3F3" cellspacing="10"> <tr> <td valign="top" style="line-height: 150%"><div class="block" id="smallContent" style="display:block"> <span style="font-size: 9pt"> <b>网站说明：</b>模板无忧就是/，面向编程爱好者推出精品源代码...[<a href="javascript:" onclick="document.all.fullContent.style.display=(document.all.fullContent.style.display=='none')?'':'none';document.all.smallContent.style.display=(document.all.smallContent.style.display=='none')?'':'none'" >展开说明</a>]</span></div> <div class="block" id="fullContent" style="display:none;"> <span style="font-size: 9pt"> <b>网站简介：</b>模板无忧就是/，面向编程爱好者推出精品源代码下载，包括ASP、PHP、JSP、VB、DELPHI、AJAX、VC++等，另外还有电子书籍、常用编程软件下载，是一个很不错的学习资源下载站。[<a href="javascript:" onclick="document.all.fullContent.style.display=(document.all.fullContent.style.display=='none')?'':'none';document.all.smallContent.style.display=(document.all.smallContent.style.display=='none')?'':'none'" >收起说明</a>]</span></div></td> </tr> </table> </div> </body> </html>