您的位置:首页 > 其它

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

2013-03-27 10:02 323 查看
以前俺一直以为弹出一个层是个多么神圣的事情,但是现在也这么认为,用了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);

两个问题都解决了

....

...
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐