指引网

当前位置: 主页 > 网页制作 > WEB开发 >

js控制显示与隐藏代码

来源:网络 作者:佚名 点击: 时间:2017-07-19 00:32
[摘要] js控制显示与隐藏代码 ,很简单我们就用到style.display 的显示与隐藏 block,none下面我们来看个实例. script function show(obj) { document.getElementById(obj).style.display = block } function hide(obj) { document.getElementBy

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>

------分隔线----------------------------