该篇文章是我于2009年6月10日通过自己编写的工具,批量从位于在博客园的博客站点(http://chenxizhang.cnblogs.com)同步而来。文章中的图片地址仍然是链接到博客园的。特此说明! 陈希章原文地址:http://www.cnblogs.com/chenxizhang/archive/2009/05/26/1489496.html原文标题:在页面中实现内容的展开和收缩 原文发表:2009/5/26 4:18:00 |
很多网页都需要有这样的特性:某些内容可以进行收缩和展开。当然,是希望在客户端用脚本的方式来实现的。
点击“隐藏”按钮之后,我们希望第一个部分的内容隐藏起来,同时按钮的文本也要改变。
我们一般会这样做
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">
<script type="text/javascript" language="javascript">
function Toggle()
{
if(div1.style.visibility=='hidden')
{
div1.style.visibility='visible';
f1.style.height=div1.offsetHeight+'px';
bt1.value="隐藏";
}
else
{
div1.style.visibility='hidden';
f1.style.height='10px';
bt1.value='展开';
}
}
</script>
这里,可能大家很感兴趣的是那些脚本代码。但我要说,那其实很简单。但你可能在测试的时候,发现代码不能起作用。那是因为这个页面必须有第一句声明。【这是必须的】
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
如果要在XSLT中加入这个文档声明,则大致如下
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"/ >
作者: |
出处:http://blog.csdn.net/chen_xizhang
本文版权归作者所有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。