<!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>
添加回答
舉報
0/150
提交
取消