元素可见性

出自Manyou开发者指南

跳转到: 导航, 搜索

描述

使用如下属性可以控制点击事件时元素的可见性:

  • clicktoshow – 将指定id的元素设为可见。
  • clicktohide – 隐藏指定id的元素。
  • clicktotoggle – 用逗号为分割,指定一组元素,每次使其中一个可见。


范例

<a id="show_text" href="#" clicktohide="show_text" clicktoshow="History,hide_text">Show History</a> <a id="hide_text" href="#" clicktohide="History, hide_text" clicktoshow="show_text" style="display:none">Hide History</a> <div id="History" style="display:none">THE STUFF TO DISPLAY</div>


说明

  • 只能用行内样式style="display:none;" 的形式指定一个元素的默认隐藏样式,外部引用的隐藏样式会导致可见性效果无效。
  • 在 profile box 或任何带滚动条的页面中, 点击链接会导致页面跳到最上面 (相当于默认执行了锚点 "#" 的动作)。为了防止这种情况发生,可以将href属性设置为一个并不存在的锚点, 比如 href="#nonexistantbookmark"。
个人工具
接口文档