<!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;? ? ? ? float: left;? ? ? ? border: 1px solid #ccc;? ? }? ??? ? .left div {? ? ? ? background: #bbffaa;? ? }? ??? ? .right div {? ? ? ? background: yellow;? ? }? ? </style>? ? <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script></head><body>? ? <h2>slideToggle</h2>? ? <div class="left">? ? ? ? <div id="a1"></div>? ? ? ? <div id="a2"></div>? ? ? ? <div id="a3"></div>? ? ? ? <button>點擊slideToggle上下卷滾切換</button>? ? </div>? ? ? ? <script type="text/javascript">? ? ? ? $("button").click(function() {? ? ? ? ? ? $("#a1").fadeToggle(3000);? ? ? ? ? ? $("#a2").Toggle(3000);? ? ? ? ? ? $("#a3").slideToggle(3000);? ? ? ? });? ? ? ? </script></body></html>
添加回答
舉報
0/150
提交
取消