Posted in Javascript onAugust 28, 2013
<html> <head> <meta charset="utf-8"/> <style> *{ margin:0; padding:0;} body{font-size:15px;} #container{ margin:60px; line-height:2em; width:300px; border:1px solid #CCC;} .head{ background:#999; padding:5px; cursor:pointer;} .content{ text-indent:15px;} </style> <script type="text/javascript" src="script/jquery-1.4.2.min.js"></script> <script> $(function(){ $("h5.head").toggle(function(){ $("div.content").fadeOut(3000); },function(){ $("div.content").fadeIn(3000); }); }) </script> </head> <body> <div id="container"> <h5 class="head">什么是jQuery?</h5> <div class="content"> JQuery是继prototype原型之后又一个javascript库,他凭借简单的代码和完善的浏览器兼容性,再加上强大的DOM操作,完善的事件处理机制,强大的ajax操作,加大的简化了javascript开发人员的工作。 </div> </div> </body> </html>
jQuery动画效果-fadeIn fadeOut淡入浅出示例代码
声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。
Reply on: @reply_date@
@reply_contents@