作者dreamerslab (dreamerslab)
看板Ajax
標題網頁元素置中
時間Thu Apr 7 18:31:33 2011
之前在寫一些專案的時候常常會遇到要把網頁元素置中的問題
後來乾脆把這些程式碼包成一個 plugin
這也是當時第一次試著寫 jQuery plugin
使用方法很簡單
// 這樣就會把 .some-element 置中在 window 中央了
$('.some-element').center();
有 option 可以指定 y 軸的值或是百分比
也可以設定成對父元素置中
詳細使用說明請參考這裡
http://bit.ly/f1fTYp
demo 頁面請看這裡
http://bit.ly/fJZlvT
對於想要學著寫 jQuery plugin 的朋友也可以看一下原始碼
短短的沒幾行很適合研究
http://bit.ly/i44OQi
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 123.192.49.219
1F:→ s25g5d4:最近常常在推出jQ plugin喔 04/07 19:51
2F:推 s25g5d4:推一個 04/07 19:53
3F:推 tomin:推 plugin入門好物 04/07 21:48
4F:→ tomin:不過是不是用css解會更好 相對: .addClass("parentCenter") 04/07 21:54
5F:→ tomin:絕對: windowCenter 04/07 21:55
6F:→ dreamerslab:程式寫出來總是想讓人用一下嘛:) 順便來交交朋友阿 04/08 00:53
7F:→ dreamerslab:我用css解不出來所以才寫了這個plugin :( 04/08 00:59
8F:推 GERRYccc:css 設定 margin: auto; 是不是也可以完成你想要的置中? 04/08 20:04
9F:→ dreamerslab:margin應該只能左右置中.這個plugin當初主要是做跳出 04/08 23:11
10F:→ dreamerslab:視窗用的.另外也很適合拿來做自己的lightbox或是 04/08 23:12
11F:→ dreamerslab:slideshow 04/08 23:12