【day28】JQ動畫效果 - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

2019 iT 邦幫忙鐵人賽

DAY 27

0

自我挑戰組

CSS、JS-30天研究筆記系列第 28 篇

【day28】JQ動畫效果

2019鐵人賽

2018-10-28 23:34:38

736 瀏覽

分享至

一、顯示.show() / 隱藏.hide()

預設速度參數字串：

Slow：600 毫秒
normal ：400 毫秒
fast： 200 毫秒。

.hide()方法是在行內設置 display:none; 而
.show()方法會根據原來元素是區塊還是內聯來決定，如果是區塊，則設置 display:block; 如果是內聯，則設置 display:inline;。

二、淡入.fadeIn() / 淡出.fadeOut() / 自動切換.fadeToggle()。

三、自訂列隊動畫，實現方式有兩種：
1.在回呼函數中再執行一個動畫
2.通過連綴或順序實現列隊動畫

【day27】關於時間與日期

【day29】JQ關於事件1

系列文

CSS、JS-30天研究筆記共 31 篇

目錄

RSS系列文訂閱系列文

23 人訂閱

完整目錄

直播研討會

{{ item.subject }}

{{ item.channelVendor }} {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

尚未有邦友留言

立即登入留言

參賽組數

1064 組

團體組數

40 組

累計文章數

22081 篇

完賽人數

594 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙