学习插件的第1天,在body上添加一个节点,用来显示弹出层

以前俺一直以为弹出一个层是个多么神圣的事情,但是现在也这么认为,用了JQ之后,感觉世界就是如此美丽,俺就是为世界而生的一样。

问题:

 弹出层是怎么做的?

思路:

1.给body添加一个节点

2.给这个节点定位

   A.可以用JQ来做

   B.可以用CSS来做

例子:

$('body').append('<div id="popLayer_wrap" style='width:300px;height:200px;'></div>');

在body节点上添加了一个ID为popLayer_wrap的DIV之后,要怎么设置位置呢?

思路:

(可视屏幕的宽度的二分之一)-(popLayer_wrap宽度的二分之一)就是x轴居中的坐标了

var x = ($(window).width()/2)-$('#popLayer_wrap').outerWidth/2);

var y = ($(window).height()/2)-($('#popLayer_wrap').outerHeight()/2);

 

两个问题都解决了

....

...

posted @ 2013-03-27 10:02  就是这么一回事儿  阅读(336)  评论(0编辑  收藏  举报