本站的“关于/留言”页面有一个“建站历程”是点击时就会展开的效果。当时觉得很神奇，就从网上找。那些展开时带有特效的比较复杂，在这里就分享一个没有什么展开特效的——点击即显示的效果。
代码非常简单：

首先是一段脚本代码（点击展开）

然后就是DIV了

  1. <a style="color:#fff" href="#title" class="button" onclick="javascript:showElement('text_content')">标题（点击展开）</a>
  2. <div id="text_content" style="display:none">
  3. 这里填写内容主体...
  4. </div>

注意上面的id，就是前面所说的钩子text_content,这个对应好就没什么问题了。

效果见本文。
TAGS:  

本站文章除注明转载/出处外，均为本站原创或翻译。若要转载但请务必注明出处，尊重他人劳动成果。

转载请注明出处链接 : https://www.inlojv.com/3846.html