<!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
提交
取消