显示/隐藏 文章的按钮（有背景）

喜歡就點擊nuffnang!:D ！

显示/隐藏 文章的按钮 的效果是一样的，只不过这个版本的有背景，比较漂亮哟！:)

1。它的 code 是：


<center><div id="spoiler">
<div>
<input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'Hide Spoiler!'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'Show Spoiler!'; }" style="-moz-border-radius: 5px; background-image: url(http://2.bp.blogspot.com/-K0arcECsAH0/TkasizphyZI/AAAAAAAAKXo/ZIQj9TIBNYc/s1600/h1.gif); border-radius: 5px; border-style: 2px solid #ff9fcc; font-size: 12px; margin: 13px; padding: 0px; width: 250px;" type="button" value="点我显示" />
<div id="show" style="background-color: transparent; background-repeat: repeat; border-width: 0px; display: none; margin: 0px; padding: 3px; width: 90%;">
欢迎大家来到我的部落格！</div>
</div>
</div></center>

2。红色字体可以随意更换哟。很失败的事情是，显示出来的内容都是链接性的，就是说不会分段。:( 谁会弄了告诉我啊！

3。可以添加在 Gadget 小工具：Design > Add a Gadget > HTML/Java Script
或者是在帖子里：New Post > Edit HTML

4。背景的话，大家可以自己去寻找素材哦！:)