风吹起如花般破碎的流年，而你的笑容摇晃摇晃，成为我命途中最美的点缀!
Php爱好者新版上线啦！
-1 15

jquery 中的fadeIn和show，fadeOut和hide

Category:jquery学习 View: Author:燕子

jquery 中让css中的属性成为block可以用fadeOut("slow")和hide("slow")，变为none可以用fadeIn("slow")和show("slow")；但是他们的效果是有所不同的，大家可以试试。

JavaScript代码
  1. <script src="js/jquery.js" type="text/javascript"></script>   
  2. <script type="text/javascript">   
  3.   
  4.     $(document).ready(function(){   
  5.         $("#hit").click(function(){   
  6.             //$("#show").fadeIn("slow");   
  7.             $("#show").show("slow");   
  8.         })   
  9.         $("#close").click(function(){   
  10.             //$("#show").fadeOut("slow");   
  11.             $("#show").hide("slow");   
  12.         })   
  13.                                   
  14.     })   
  15.        
  16. </script>  

 

XML/HTML代码
  1. <a href="javascript:;" id="hit">点击展开</a>  
  2. <a href="javascript:;" id="close">点击展开</a>  
  3. <div id="show" style="height:200px; width:100px; display:none">dddddddddddddddddddddddddddddddddddddddddddddddfdsfdsfds的忿忿地说佛挡杀佛的是放大师傅的dddddddddddddddddddddddddddfdsfdsfds的忿忿地说佛挡杀佛的是放大师傅的dddddddddddddddddddddddddddfdsfdsfds的忿忿地说佛挡杀佛的是放大师傅的dddddddddddddddddddddddddddfdsfdsfds的忿忿地说佛挡杀佛的是放大师傅的dddddddddddddddddddddddddddfdsfdsfds的忿忿地说佛挡杀佛的是放大师傅的ddddddddfdsfdsfds的忿忿地说佛挡杀佛的是放大师傅的师傅都是发呆放大师傅的师傅都是发的师傅都是反对方的身份多福多寿佛挡杀佛对方的身份的发</div>  

 

 


本文来源于php爱好者：php教程 —http://www.phplover.cn/
原文地址：http://www.phplover.cn/post/jquery-fadein-show-fadeout-hide.html

jquery   评论(0)

相关文章:

发表评论

◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。