开发者社区> 问答> 正文

js控制div隐藏显示。

function shubiaoin(){
    document.getElementById("navbar1").style.visibility="visible";
}
function shubiaoout(){
    document.getElementById("navbar1").style.visibility="hidden";
}

<div id="navbar1" onmouseover="shubiaoin()" onmouseout="shubiaoout()"></div>

js控制div的隐显,但是该div最开始就是隐藏的,这js脚本就不能被触发。但是我查文档说“visibility:hidden可以隐藏某个元素,但隐藏的元素仍需占用与未隐藏之前一样的空间。也就是说,该元素虽然被隐藏了,但仍然会影响布局。”但是没有效果。然后我就换了透明度控制,但是这样可以吗?

展开
收起
杨冬芳 2016-06-23 12:44:17 2191 0
1 条回答
写回答
取消 提交回答
  • IT从业

    你这个具体可以改一下触发的元素
    可以外面再套一个div
    然后用外面的div来控制里面#navbar1这个div的显示和隐藏

    function shubiaoin(){
        document.getElementById("navbar1").style.visibility="visible";
    }
    function shubiaoout(){
        document.getElementById("navbar1").style.visibility="hidden";
    }
    
    <div onmouseover="shubiaoin()" onmouseout="shubiaoout()"><div id="navbar1" ></div></div>
    2019-07-17 19:46:08
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
JavaScript异步编程 立即下载
Delivering Javascript to World 立即下载
编程语言如何演化-以JS的private为例 立即下载