本文實例講述了jQuery中fadein與fadeout方法用法。分享給大家供大家參考,具體如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title> <style type="text/css"> *{font-size:12px;} div{width:600px;margin:auto;} #control{background-color:gold;padding:10px;margin-bottom:10px;} </style> <script src="../js/jquery-1.5.1.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $("#btnfadeIn").click(function () { $("#message").fadeIn(1000); }); $("#btnfadeOut").click(function () { $("#message").fadeOut(1000); }); }); </script></head><body> <div id="control"> <input id="btnfadeIn" type="button" value="淡入div" /> <input id="btnfadeOut" type="button" value="淡出div" /> </div> <div id="message"> mouseover、mouseenter的區別:div里套div。見備注。和事件冒泡有關系。<br /> 不論鼠標指針穿過被選元素或其子元素,都會觸發 mouseover 事件 <br /> 只有在鼠標指針穿過被選元素時,才會觸發 mouseenter 事件(穿過子元素不會觸發) </div></body></html>更多關于jQuery相關內容感興趣的讀者可查看本站專題:《jQuery操作DOM節點方法總結》、《jQuery頁面元素操作技巧匯總》、《jQuery常見事件用法與技巧總結》、《jQuery常用插件及用法總結》、《jQuery擴展技巧總結》、《jQuery表格(table)操作技巧匯總》、《jQuery常見經典特效匯總》及《jquery選擇器用法總結》
希望本文所述對大家jQuery程序設計有所幫助。
新聞熱點
疑難解答