|
導讀網頁的本質就是超級文本標記語言，通過結合使用其他的Web技術（如：腳本語言、公共網關接口、組件等），可以創造出功能強大的網頁。因而，超級文本標記語言是萬維網（Web）編程的基礎，也就是說萬維網是建立... 網頁的本質就是超級文本標記語言，通過結合使用其他的Web技術（如：腳本語言、公共網關接口、組件等），可以創造出功能強大的網頁。因而，超級文本標記語言是萬維網（Web）編程的基礎，也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言，是因為文本中包含了所謂“超級鏈接”點。 jQuery中的動畫效果有：slideDown,slideUp等實現滑動效果；fadeIn,fadeToggle等實現淡入淡出的效果jQuery有很多方法可以幫助我們在頁面上實現很多有趣好玩的動畫效果，而且程序代碼簡單比用原生態的JavaScript代碼實現效果更加方便簡潔，今天將在文章中詳細和大家介紹幾種jQuery動畫操作的方法，希望對大家的學習有一定的幫助。
【推薦課程：jQuery動畫】 滑動效果 slideDown（） 可以通過高度變化從下往上增大，并且以滑動的方式顯示隱藏的內容 $(".btn2").click(function(){
$("p").slideDown();
});slideUp（） 可以通過高度變化從上往下減小 $("p").slideUp("slow");slideToggle([speed],[easing],[fn]) 通過高度變化來切換所有匹配元素的可見性 例：快速將段落滑上或滑下，之后彈出一個對話框 $("p").slideToggle("fast",function(){
alert("hello world!"）淡入淡出 fadeIn（） 通過設置不透明度的變化來實現所有匹配元素的淡入效果 例：用200毫秒快速將段落淡入，之后彈出一個對話框 ("p").fadeIn("fast",function(){
alert("hello world!");
});fadeOut（） 通過設置不透明度的變化來實現所有匹配元素的淡出效果 例：用200毫秒快速將段落淡出，之后彈出一個對話框 $("p").fadeOut("fast",function(){
alert("hello world!");
});fadeTo（） 把所有匹配元素的不透明度以漸進方式調整到指定的不透明度 用200毫秒快速將段落的透明度調整到0.25，大約1/4的可見度，之后彈出一個對話框 $("p").fadeTo("fast", 0.25, function(){
alert("hello world!");
});fadeToggle（） 通過不透明度的變化來開關所有匹配元素的淡入和淡出效果 例：用200毫秒快速將段落淡入，之后彈出一個對話框 $("p").fadeToggle("fast",function(){
alert("hello world!");
});案例：當我們鼠標點擊按鈕時隱藏的內容顯示,并且淡出消失 <body>
<div id="box">
<div id="btn">點擊這里，顯示或隱藏</div>
<div id="content">jQuery是一個快速、簡潔的JavaScript框架，是繼Prototype之后又一個優秀的JavaScript代碼庫（或JavaScript框架)</div>
</div>
<script src="jquery/jquery-1.12.4.js"></script>
<script type="text/javascript">
$(function(){
$("#btn").click(function(){
$("#content").slideToggle("slow");
$("#content").fadeToggle("slow");
});
});
</script>未加效果前
添加效果后
總結：以上就是本篇文章的全部內容了。希望通過本篇文章能夠讓大家對jQuery的動畫效果有一定的了解以及如何去制作我們想要的動畫效果。 以上就是jQuery中的動畫效果有哪些的詳細內容，更多請關注php中文網其它相關文章！ 網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。 |
溫馨提示：喜歡本站的話，請收藏一下本站！
本站發布的Win7純凈版系統、Win10純凈版和XP純凈版系統僅為個人學習測試使用，請在下載后24小時內刪除，不得用于任何商業用途，否則后果自負，請支持購買微軟正版軟件！
本站所有資源全部來自于網絡資源,如侵犯到您的權益,請及時通知我們(peng896066052@126.com),我們會及時處理.
Copyright © 2018-2020 雨林木風下載站
