js div鼠标滑动显示隐藏

 我来答
百度网友2571d37bb
推荐于2018-03-28 · 知道合伙人软件行家
百度网友2571d37bb
知道合伙人软件行家
采纳数:1971 获赞数:7905
前端工程师

向TA提问 私信TA
展开全部

一个div的鼠标滑过隐藏后,就再也滑不上了。因为页面已经看不见它了。

所以应该鼠标滑过一个div,让另一个div显示和隐藏,下面是简单代码,仅供参考:

<style>
    div {width:100px; height:100px; background:#ccc;margin:10px;}
</style>
<body>
    <div id='div1'></div>
    <div id='div2'></div>
</body>
<script>
    var oDiv1 = document.getElementById('div1');
    var oDiv2 = document.getElementById('div2');
    oDiv1.onmouseover = function(){
        oDiv2.style.display = 'none';
    };
    oDiv1.onmouseout = function(){
        oDiv2.style.display = 'block';
    };
</script>
谭加巧
推荐于2016-10-06 · TA获得超过186个赞
知道小有建树答主
回答量:230
采纳率:79%
帮助的人:101万
展开全部
Query toggle()
通过 jQuery,您可以使用 toggle() 方法来切换 hide() 和 show() 方法。
显示被隐藏的元素,并隐藏已显示的元素:

去下一个jquery
更多追问追答
追问
谢谢你的回答,已经做出来了  不过还有一点小bug 就是 我有三列 其中有一列会自动显示出来 不知道如何解决
追答
贴代码
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式