jquery的一种特效:展开和收缩...
时间:2010-08-11 来源:mycup163
<html> <head> <mce:script type="text/javascript" src="/jquery/jquery.js" mce_src="jquery/jquery.js"></mce:script> <mce:script type="text/javascript"><!-- $(document).ready(function(){ $(".btn1").click(function(){ $("p").hide(1000); }); $(".btn2").click(function(){ $("p").show(1000,showColor); $("p").css("background-color","red"); }); }); function showColor() { $("p").css("background-color","green"); } // --></mce:script> </head> <body> <p>This is a paragraph.</p> <button class="btn1">Hide</button> <button class="btn2">Show</button> </body> </html>
点击Hide后:
点击Show后:
并且有渐变的过程。 很强大的功能啊!!!!!!!! 切记:使用Jquery要引入Jquery:
<script type="text/javascript" src="/jquery/jquery.js"></script>