js控制显示与隐藏代码
js控制显示与隐藏代码,很简单我们就用到style.display 的显示与隐藏 block,none下面我们来看个实例.
<script>
function show(obj) {
document.getElementById(obj).style.display = "block"
}
function hide(obj) {
document.getElementById(obj).style.display = "none"
}
</script>
<h3><span>内容</span><a href="javascript:void(0);" onmouseover="show('count');" onmouseout="hide('count')">指上看看</a></h3>
<div id="count" style="display:none;">
<h4>退款说明</h4>
<p>特惠套餐退款金额 = (套餐费用 - 域名费用) × (申请天数 - 已使用天数) / 申请天数</p>
<p>虚拟主机退款金额 = 虚拟主机费用 × (申请天数 - 已使用天数) / 申请天数</p>
</div>