iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 27
0
自我挑戰組

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

【day28】JQ動畫效果

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

  1. 預設速度參數字串:
  • Slow:600 毫秒
  • normal :400 毫秒
  • fast: 200 毫秒。
  1. .hide()方法是在行內設置 display:none; 而
  2. .show()方法會根據原來元素是區塊還是內聯來決定,如果是區塊,則設置 display:block; 如果是內聯,則設置 display:inline;。

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

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


上一篇
【day27】關於時間與日期
下一篇
【day29】JQ關於事件1
系列文
CSS、JS-30天研究筆記31

尚未有邦友留言

立即登入留言