百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>网页制作> js控制显示与隐藏代码
分享文章到:

js控制显示与隐藏代码

发布时间:01/14 来源: 浏览: 关键词:

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>

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有5人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板