2010-06-22 105 views
0

請參閱:http://jasondaydesign.com/masonry_demo/ 並單擊movemaine.com圖像平滑過渡的jQuery

上,我想我的過渡與節目&隱藏,再加上砌築重新排列更加平滑的整體。我玩過速度,我沒有得到我想要的結果。

此外,我想用show hide指針光標,但我似乎無法得到該工作。思考?

謝謝!

回答

2

你有沒有簽出任何jQuery的easing Plugins

編輯:關於CSS /改變光標。添加下面的規則應該做的伎倆:

.expandable { 
    cursor: pointer; 
} 
+0

我有這麼多的轉換在這裏發生,我甚至不知道從哪裏開始添加easing插件。我會研究文檔,看看我最終結束了什麼。 – Jason 2010-06-22 21:08:10

2

我喜歡這個概念,但我怕你只是碰到什麼樣的瀏覽器可以處理的限制。關於你唯一能做的事情就是確保所有移動的東西都是position: absolute,這樣瀏覽器在動畫過程中不必重新排列任何東西。

也許嘗試一次移動一個或一列,但一次很快。這會有一個稍微不同的效果,但會減少並發動畫的數量。或者,您可以將前兩列向下滑動以容納較大的圖像。

關於遊標,你可以使用像{cursor:hand;}這樣的CSS來做到這一點。谷歌「CSS遊標類型」,你會看到什麼選項。

+0

與石工,我不相信我可以使用絕對定位。它會拋棄插件的動態佈局。 – Jason 2010-06-22 21:07:21

+0

啊,我沒有意識到這是一個插件。 – jasongetsdown 2010-06-22 21:41:05