<!DOCTYPE html><html><head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <style> .left div, .right div { width: 500px; height: 50px; padding: 5px; margin: 5px; border: 1px solid #ccc; } .left div { background: #bbffaa; } #a1{ display: none; } </style> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script></head><body> <h2>slideToggle</h2> <div class="left"> <div id="item">点击slideToggle上下卷滚切换</div> <div id="a1"></div> </div> <script type="text/javascript"> $("#item").hover(function() { $("#a1").slideDown(); },function(){ $("#a1").slideUp(); }); </script></body></html>
- 1 回答
- 0 关注
- 1538 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消