網頁元素置中

看板Ajax作者 (dreamerslab)時間14年前 (2011/04/07 18:31), 編輯推噓3(308)
留言11則, 4人參與, 最新討論串1/1
之前在寫一些專案的時候常常會遇到要把網頁元素置中的問題 後來乾脆把這些程式碼包成一個 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

04/07 19:51, , 1F
最近常常在推出jQ plugin喔
04/07 19:51, 1F

04/07 19:53, , 2F
推一個
04/07 19:53, 2F

04/07 21:48, , 3F
推 plugin入門好物
04/07 21:48, 3F

04/07 21:54, , 4F
不過是不是用css解會更好 相對: .addClass("parentCenter")
04/07 21:54, 4F

04/07 21:55, , 5F
絕對: windowCenter
04/07 21:55, 5F

04/08 00:53, , 6F
程式寫出來總是想讓人用一下嘛:) 順便來交交朋友阿
04/08 00:53, 6F

04/08 00:59, , 7F
我用css解不出來所以才寫了這個plugin :(
04/08 00:59, 7F

04/08 20:04, , 8F
css 設定 margin: auto; 是不是也可以完成你想要的置中?
04/08 20:04, 8F

04/08 23:11, , 9F
margin應該只能左右置中.這個plugin當初主要是做跳出
04/08 23:11, 9F

04/08 23:12, , 10F
視窗用的.另外也很適合拿來做自己的lightbox或是
04/08 23:12, 10F

04/08 23:12, , 11F
slideshow
04/08 23:12, 11F
文章代碼(AID): #1DdPA8py (Ajax)
文章代碼(AID): #1DdPA8py (Ajax)