jQuery動畫效果-fadeIn fadeOut淡入淺出示例代碼
更新時間：2013年08月28日 18:06:44 作者：
jQuery動畫效果淡入淺出想必大家都有見到過吧，其實很很簡單，通過fadeIn fadeOut方法便可輕松實現(xiàn)，具體如下，喜歡的朋友可以參考下，希望對大家有所幫助
復制代碼 代碼如下:
<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開發(fā)人員的工作。
</div>
</div>
</body>
</html>
相關(guān)文章
jQuery插件HighCharts繪制2D半圓環(huán)圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件HighCharts繪制2D半圓環(huán)圖效果,結(jié)合實例形式分析了jQuery使用HighCharts插件繪制半圓環(huán)圖形的相關(guān)操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03
下面小編就為大家?guī)硪黄猨Query獲取同級元素的簡單代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
本文給大家整理了9款基于jQuery的圖片滑塊焦點圖插件，效果都非常炫酷，演示和下載地址都給大家整理好了，有需要的小伙伴直接拿走吧，不用跟我客氣^_^2014-12-12
客戶端的跨域訪問，可以通過jsonp方式來實現(xiàn)，jquery提供了跨域訪問的方法，jQuery.ajax()支持get方式的跨域。當然支持跨域還需要服務器端相應的處理。2010-07-07
使用jQuery將多條數(shù)據(jù)插入模態(tài)框的實現(xiàn)代碼
這篇文章主要介紹了使用jQuery將多條數(shù)據(jù)插入模態(tài)框的方法，很簡單，很實用，需要的朋友可以參考下2014-10-10
這篇文章主要為大家詳細介紹了基于jquery實現(xiàn)智能表單驗證操作的相關(guān)資料，利用jquery實現(xiàn)了對一個表單字段格式的即時檢查，感興趣的小伙伴們可以參考一下2016-05-05
當一個文本框中，里面的內(nèi)容1秒鐘無變化，則表示用戶1秒鐘內(nèi)無輸入，說明用戶是已經(jīng)輸入完成，再等待返回數(shù)據(jù)了。那么jQuery如何實現(xiàn)判斷1秒內(nèi)無輸入呢，一起通過本文學習吧2016-04-04
jQuery實現(xiàn)仿新浪微博浮動的消息提示框(可智能定位)
這篇文章主要介紹了jQuery實現(xiàn)仿新浪微博浮動的消息提示框,具有智能定位功能,涉及jQuery控制頁面元素浮動效果的實現(xiàn)技巧,需要的朋友可以參考下2015-10-10
jQuery插件ImgAreaSelect實現(xiàn)頭像上傳預覽和裁剪功能實例講解一
這篇文章主要介紹了jQuery插件ImgAreaSelect實現(xiàn)頭像上傳預覽和裁剪功能實例講解一,需要的朋友可以參考下2017-05-05
這篇文章主要介紹了jQuery制作拼圖小游戲,思路與源碼都分享給大家，需要的朋友可以參考下2015-01-01