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

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

问题:

 弹出层是怎么做的?

思路:

1.给body添加一个节点

2.给这个节点定位

   A.可以用JQ来做

   B.可以用CSS来做

例子:

$('body').append('<div id="popLayer_wrap" style='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);

两个问题都解决了

....

...

原文地址:https://www.cnblogs.com/jackychua/p/2984006.html