jQuery練習 Effects - Slide(滑動效果)

因為很想精進前端技能(其實2014,2015年就很想),但是當時資料比較少,而且也沒有太多時間和錢去做這件事情.
不過後來斷斷續續都有在研究w3cschool,並試著自己寫寫看.
五月多時正式離開前東家,剛好手上有點錢可以讓我不工作也可以活下來,索性就花了錢買線上課程開始不歸路.css/html因為之前就有在w3c自學過,所以看影片到做作業進度很快.但是到了jQuery就開始卡了!,影片老師不是教不好,只是因為他是帶人快速上手做出畫面,讓學員面試用,以常用的功能功能為主,有時候不一定能講得非常仔細,所以我想還是要w3cshool和影片習題並重.

以下會開始連續很多篇,是我試著模仿w3cshool範例做一次紀錄,因為原文是英文,本人英文能力有限翻譯可能有誤,如果覺得不語意有誤,請大家見諒. 原文在上,翻譯在下.


jQuery Effects - Slide

jQuery Sliding Methods 

With jQuery you can create a sliding effect on elements.
jQuery has the following slide methods:
  • slideDown()
  • slideUp()
  • slideToggle()
jQuery 滑動功能 
使用jQuery 可以創造滑動功能,以下是三種讓元件滑動的方法

  • slideDown() 這個指令用於元素滑開的動作 
  • slideUp() 這個指令用於元素打開的動作
  • slideToggle()使元素的動作能在slideDown和sliUp之間切換,如果本來是slideDown切換成slideDown,反之亦然.


jQuery slideToggle() 

See the Pen jQuery Effects - slideToggle by peiyun (@corly74) on CodePen.

留言

熱門文章