網頁元素置中

[dreamerslab (dreamerslab)]

之前在寫一些專案的時候常常會遇到要把網頁元素置中的問題
後來乾脆把這些程式碼包成一個 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
→ s25g5d4:最近常常在推出jQ plugin喔
推 s25g5d4:推一個
推 tomin:推　plugin入門好物
→ tomin:不過是不是用css解會更好　相對: .addClass("parentCenter")
→ tomin:絕對: windowCenter
→ dreamerslab:程式寫出來總是想讓人用一下嘛:) 順便來交交朋友阿
→ dreamerslab:我用css解不出來所以才寫了這個plugin :(
推 GERRYccc:css 設定 margin: auto; 是不是也可以完成你想要的置中?
→ dreamerslab:margin應該只能左右置中.這個plugin當初主要是做跳出
→ dreamerslab:視窗用的.另外也很適合拿來做自己的lightbox或是
→ dreamerslab:slideshow