jQuery animate easing 速查表

這是一個非常好用的工具,大部份的時候我們很難用文字來形容jQuery中動畫的Easing效果,下列這個網頁把所有Easing效果整理出來用波型圖片來讓大家一眼就了解動畫的效果,另外如果圖片看起來還不夠清楚,滑鼠滑過圖片上方會出現一個紅色鍵頭,即可看到動畫的動態效果。

CSS div height 無法 100% 問題

height的100%即為父層高度的100%,
但div在body之下仍然沒有辦法達到100%,
主要原因是HTML所有物件都會包在body之中,
大部份人都知道都會在CSS開頭初始body,如下:

body{
margin:0;
padding: 0;
width:100%;
height:100%;
}

但[……]

Read more

href=”javascript:void(0);” 設定無作用連結 – a 標籤 href 不作任何動作

有時候我們需要用a標籤去綁定一些Javascript or JQuery事件,不是真的要做為連結之用,但是a標籤又必需設定 href , 這時大部份人就會在href加#號,但其實加#號仍然是連結,等同換了另一頁,網址末端也會加上#號(如:http://www.aaa.com#),這並不是最理想的狀況[……]

Read more