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可以隐藏某个元素,但隐藏的元素仍需占用与未隐藏之前一样的空间。也就是说,该元素虽然被隐藏了,但仍然会影响布局。”但是没有效果。然后我就换了透明度控制,但是这样可以吗?
你这个具体可以改一下触发的元素
可以外面再套一个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>
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。