模仿 Facebook 動態表情按鈕

jQuery

該按鈕為模仿最初版本的 Facebook 動態表情所製作。當游標移入主要按鈕時,會觸發向上展開按鈕條的動態效果,展開後的按鈕條共有五種動態表情按鈕可點擊。當點擊任一表情按鈕後,主要按鈕上的文字會依照點擊的表情做更改。若使用者想要取消表情狀態時,可以藉由重複點擊按鈕,即可以取消狀態。

為了盡可能還原該表情按鈕的動態效果,特定表情需要一圖層分件,並利用 CSS 設定不同的動態效果。(例如:表情「嗚」,需要將眼淚與臉分別設定動畫效果,以達到最佳的視覺效果。)