這篇文章主要講解了如何實現jQuery常用特效,內容清晰明了,對此有興趣的小伙伴可以學習一下,相信大家閱讀完之后會有幫助。

顯示與隱藏
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
#content{display: none;}
</style>
<script src="jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$('#btn').click(function(event) {
if ($(this).text() === '顯示說明') {
$('#content').show();
//$('#content').show('slow');//設置顯示速度,1000為一秒,也可以用fast或slow
//$('#content').show('slow',function() {
//$('h4').css('color','red');
//});//設置顯示完成后的回調函數
$(this).text('隱藏說明');
} else {
$('#content').hide();
$(this).text('顯示說明');
}
});
});
</script>
</head>
<body>
<img src="images/logo.jpg" alt='logo' >
<div>
<p id="content">百度logo,埃里克森上放聲大哭就會發生放聲大哭肌膚時受到了飛機上的法律手段無可奈何花落去</p>
</div>
<div >
<button type="button" name="button" id="btn">顯示說明</button>
</div>
</body>
</html>另外有需要云服務器可以了解下創新互聯scvps.cn,海內外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案,具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢,專為企業上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。
網頁標題:如何實現jQuery常用特效-創新互聯
鏈接地址:http://www.js-pz168.com/article22/dhdijc.html
成都網站建設公司_創新互聯,為您提供網站制作、營銷型網站建設、網站排名、外貿建站、動態網站、網站維護
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯