给Blog增加"隐藏内容"
很多时候，我们会在Blog的文章里插入一大段不希望一次性显示完的内容，比如一段程序代码，或是对一部分文字的引用。用下面的办法，可以让用户自行选择显示这些内容。
方法：
打开文章编辑器，写入下面的代码：
<div style="margin-top:3px">
<div style="margin-bottom:2px"> <input type="button" value="Show" style="width:45px;font-size:12px;margin:0px;padding:0px;" onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }">
</div>
<div style="margin: 0px; padding: 3px; border-width: 1px;border-style: solid;border-color: #CCC #EEE #EEE #CCC;background: #FCFCFC;">
<div style="display: none;">
隐藏内容
</div>
</div>
</div>
然后把代码内的“隐藏内容”四个字替换成你想要的内容，即可实现。
此方法不需要修改Blog模板和CSS。
This entry was posted in
杂七杂八. Bookmark the
permalink.
编辑
有误呀！
应该是：
隐藏文字
发的代码显示不出来！在input中少了onclick=“”
我换了，和你一样的模板，怎么你首页的源码里有中文简体，可我的首页的汉字部分都是不认识的字符。这是为什么，那里要设置吗！等回复！谢谢！噢，我的博客是 houkai.yo2.cn
代码已改.
另外你说的问题我实在闹不明白.
有个想发，可以试一下吗？就是把你的模板下载下来，发到我邮箱，我修改一些必要的信息再上传上去，看看怎样？如果源码里没乱码我会修改CSS和你风格不同！谢谢了！拜托！
我邮箱 hikehk#qq.com,换#为@。用这个邮箱快些 。谢谢 。waiting
已发。
多谢分享....
PS:文章写的不错哈
有才~~
学习了！
Pingback: 隐藏文章代码 | 丫美D！
测试一条留言