让自己的生命充满有趣喜悦的故事,去勇敢经历,拼搏
回归自由: 显示/隐藏 的按钮(有背景)

显示/隐藏 的按钮(有背景)



这个就是比较特别的,因为它有背景的哦


1。它的 code 是:

设计> 添加小工具 > HTML/Java Script
copy 下来 paste 进去






<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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtWfOBnwDnh8fzNK5IXO4feaM97zwL5DqAh-lWTB3F1sSocEEhy7li1FqKZUV6PEvLoHa-kgR5MyfkUyHGVpFYoinl0I_HRgsvna9PnjI_g6pcDVyZ5MTD-vT2T99rmR23aOjqVb4H7Qs/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>



红色字体可以更换



save,
完成!


很简单是不是啊^^




没有评论:

发表评论

贴吧!宝贝博友们C: :