![](https://i-blog.csdnimg.cn/blog_migrate/8f900a89c6347c561fdf2122f13be562.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/961ddebeb323a10fe0623af514929fc1.gif)
<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>