jQuery動畫效果-fadeIn fadeOut淡入淺出示例代碼
更新時間：2013年08月28日 18:06:44 作者：
jQuery動畫效果淡入淺出想必大家都有見到過吧，其實很很簡單，通過fadeIn fadeOut方法便可輕松實現(xiàn)，具體如下，喜歡的朋友可以參考下，希望對大家有所幫助
復(fù)制代碼 代碼如下:
<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庫，他憑借簡單的代碼和完善的瀏覽器兼容性，再加上強(qiáng)大的DOM操作，完善的事件處理機(jī)制，強(qiáng)大的ajax操作，加大的簡化了javascript開發(fā)人員的工作。
</div>
</div>
</body>
</html>
您可能感興趣的文章:
相關(guān)文章
本文給大家介紹的nanoScrollerJS是一款使用簡單方式實現(xiàn) Mac OS X Lion 系統(tǒng)滾動條效果的jQuery插件。該滾動條插件利用原生的滾動條可以工作在 iPad、iPhone 和一些 Android Tablets上。2015-04-04
phpcms的地區(qū)級聯(lián)菜單，感覺寫的挺有意思于是自己也實現(xiàn)了個，感興趣的各位路過的可以參考下哈，希望本例可以幫助到你2013-03-03
這篇文章主要介紹了jQuery+HTML5美女瀑布流布局實現(xiàn)方法,涉及jQuery結(jié)合HTML5實現(xiàn)瀑布流效果的動態(tài)加載功能,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09
Jquery ajax傳遞復(fù)雜參數(shù)給WebService的實現(xiàn)代碼
Jquery ajax傳遞復(fù)雜參數(shù)給WebService的實現(xiàn)代碼，需要的朋友可以參考下。主要是屬性比較多。2011-08-08
這篇文章主要介紹了jQuery實現(xiàn)的簡單拖拽功能,結(jié)合實例形式分析了jQuery鼠標(biāo)事件響應(yīng)及頁面元素動態(tài)修改相關(guān)技巧,需要的朋友可以參考下2016-09-09
讓jQuery與其他JavaScript庫并存避免沖突的方法
為了解決jQuery和其他JavaScript庫中$()函數(shù)的沖突，需要取消jQuery的$()函數(shù)，下面有個不錯的方法，感興趣的朋友可以參考下2013-12-12
對于javascript事件擴(kuò)展，所有的lib都差不多。和jquery和prototype,yui和Ext，其要解決的首要問題是兼容性，所有 lib都會對event進(jìn)行包裹，統(tǒng)一其屬性解決其兼容性。2010-06-06
本文主要是給大家分享了一則使用EasyUI實現(xiàn)同步樹的代碼，主要是使用遞歸實現(xiàn)，非常實用的方法，推薦給小伙伴們。2015-03-03
本文是基于jquery代碼實現(xiàn)的添加和刪除輸入文本框標(biāo)簽代碼，非常不錯，具有參考借鑒，需要的朋友一起看下吧2016-05-05
Jquery 滑入滑出效果實現(xiàn)代碼，需要的朋友可以參考下。2010-03-03