作者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