基本動畫方法:show | hide | fadeIn | fadeOut | slideUp | slideDown

原創 LzzMandy 2018-09-13 07:17

1、show   hide 修改元素的高、寬、透明度；

2、fadeIn  fadeOut修改元素的透明度；

3、slideUp  slideDown 修改元素的高度

 

發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

jQuery學習筆記之十三------Ajax進階

一  加載請求 $('.loading').ajaxStart(function () { $(this).show(); }).ajaxStop(function () { $(this).hide(); }); 注意：以上代碼在 jQ

techan007 2020-06-29 05:35:31

jQuery學習筆記之十四------工具函數

一  字符串操作 $.trim() var str= '    jQuer  y    '; alert(str); alert($.trim(str)); 二   數組和對象操作 //$.each()遍歷數組 var arr = ['張

techan007 2020-06-29 05:35:31

jQuery學習筆記(7)--動畫實現

JavaScript實現動畫的原理：以固定的時間間隔，修改DOM元素的CSS樣式。 show()和hide() 從左上角逐漸展開或收縮的 hide()執行時候相當於添加了display:none這個css樣式，show的時候去掉了

azraelxuemo 2020-06-24 05:04:03

從零開始學jQuery(1)--基礎知識

別問我爲什麼突然跳到jquery了…我只能說…前面一點剛看的沒怎麼理解…就這裏比較好理解 jQuery jQuery可能很多人都有一點印象,是個比較好用的查詢方式,利用jQuery可以比較容易的查詢到節點內容 之前我們使用的都是

azraelxuemo 2020-06-24 05:04:03

JQuery禁止select下拉框選擇

禁止 $("#syncTakeAway").attr("disabled","disabled"); 解除 $("#syncTakeAway").removeAttr("disabled"); js操作 禁止 document.ge

烟火缠过客 2020-06-17 17:36:57

select2使用過程中的問題總結

select2問題總結 先上圖 說明：select2是一款可以多選，單選，搜索選擇等等插件，一起來看看如何使用，如下圖 —-引入樣式 —-引入腳本 —-頁面調用 問題1： 做完以上工作，發現頁面上並沒有出來想

继续明天 2020-06-17 10:41:57

作業：構建網站 - 知識準備 - 添加jQuery節點 - append()，prepend()，after()，before()，appendTo()

append() <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="widt

念惟忆 2020-06-11 18:03:47

作業：構建網站 - 知識準備 - jQuery插件 - 顏色插件

什麼是插件？ 插件就是用來做擴展功能的 jQuery插件庫：http://www.jq22.com/ 顏色插件 網址：https://www.bootcdn.cn/jquery-color/ animate動畫不會改變背景色，如

念惟忆 2020-06-11 18:03:47

作業：構建網站 - 知識準備 - jQuery插件 - 省市聯動

打開插件庫：jQuery插件庫-收集最全最新最好的jQuery插件 搜索“jQuery中國省市區地址三級聯動插件Distpicker”，這個可免費下載。 <!DOCTYPE html> <html lang="en"> <hea

念惟忆 2020-06-11 18:03:47

作業：構建網站- jQuery基礎

獲取jQuery 1.x 支持老瀏覽器 ie6,7,8 停止更新 2.x 不支持老瀏覽器 停止更新 3.x 不支持老瀏覽器 保持更新 下載網址：https://jquery.com/ 體驗jQuery jQuery的優勢 可以寫

念惟忆 2020-06-11 18:03:47

作業：構建網站 - 知識準備 - jQuery - attr()，removeAttr()

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-

念惟忆 2020-06-11 18:03:47

作業：構建網站 - 知識準備 - jQuery動畫

jQuery動畫 jQuery提供了三組基本動畫，還提供自定義動畫的功能。 三組基本動畫： 顯示show()和隱藏hide()是一組動畫 滑入slideDown()和滑出slideUp()以及切換slideToggle() 淡入f

念惟忆 2020-06-11 18:03:47

作業：構建網站 - 知識準備 - jQuery - 多庫共存

多庫共存 jQuery使用$作爲標識符，但如果與其他框架中的衝突時，jQuery可以釋放$符的控制權 //如何查看jQuery的版本？ //通過jQuery文件名來查看jQuery的版本是不靠譜的做法 //通過以下方法可以查看j

念惟忆 2020-06-11 18:03:47

作業：構建網站 - 知識準備 - 克隆jQuery節點 - clone()

克隆節點 - clone() <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" cont

念惟忆 2020-06-11 18:03:47

作業：構建網站 - 知識準備 - 清空和移除jQuery節點 - empty()，remove()

empty() 和 remove() <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" co

念惟忆 2020-06-11 18:03:47