<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").slideDown(2000); }) $("#aa").mouseout(function(){ $("#bb").stop(); $("#bb").slideUp(1000); }) }); </script>
原文：http://www.cnblogs.com/bilibiliganbei/p/6012605.html
