jq div鼠标放上离开马上展开收缩方法

Posted 2020-08-16 哔哩哔哩干杯

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jq div鼠标放上离开马上展开收缩方法相关的知识，希望对你有一定的参考价值。

<body>
<div id="aa" style="width:500px; height:30px; border:1px solid #000"></div>
<div id="bb" style="width:500px; height:300px; border:1px solid #000; display:none"></div>
</body>
<script type="text/javascript">
$(document).ready(function(e) {
    $("#aa").mouseenter(function(){
        $("#bb").stop();
        $("#bb").toggle(1000);
    })
    $("#aa").mouseout(function(){
        $("#bb").stop();
        $("#bb").toggle(1000);
    })
});
</script>

View Code

以上是关于jq div鼠标放上离开马上展开收缩方法的主要内容，如果未能解决你的问题，请参考以下文章

js jq 实现鼠标经过div背景以进度条方式变宽，鼠标离开变小，同时文字颜色和原来不一样

jQuery 想要实现鼠标放上显示并可选择，鼠标离开隐藏。

FLASH中怎么样才能做到当鼠标放上按钮那个位置时按钮会出现而且可以使用鼠标离开时候就会消失

动画 div 悬停和鼠标离开延迟

div拖拽

Tips5:通过 alt+鼠标左键来完全展开或收缩层级