学习插件的第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);
两个问题都解决了
....
...
问题:
弹出层是怎么做的?
思路:
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);
两个问题都解决了
....
...
相关文章推荐
- 在窗体上放置一个标签、一个treeviw控件。窗体打开时,动态为treeviw控件添加节点,选择某个节点后,标签上显示所选内容。
- ComponentArt 动态加载的TreeView, 添加一个新节点后,新节点为什么在页面中不会显示?
- rcp(插件开发)org.eclipse.ui.decorators 使用,可以对应的节点添加不同的图标显示
- javaweb学习第五天,用js实现“在标签末尾添加一个节点”
- 我用vs2005写了一个webservice用来查询sql2005数据库中表值,返回一个dataset类型集合,测试时候显示的xml文档没有问题,但是当我添加web引用的时候却无法正常显示而且报错原因之一。
- .Net有关问题。在GridView中添加了一个HyperLinkField,用来显示显示详细信息,请教跳转后的详细信息页面该怎样写代码
- Greenplum学习10--添加节点gpexpand ①(在每台segment加入一个节点)(生成节点配置文件)
- Uncaught TypeError: Cannot set property 'innerHTML' of null 学习Chrome插件时,要在弹出页面中显示当前时间,结果怎样也显示不出来 看
- 知道如何用.NET在AutoCAD中添加一个插件来显示图纸集数据吗?
- DSFavIconManager 是一个用来显示网站 favicon 的完整解决方案
- python3.4学习笔记(五) IDLE显示行号问题,插件安装和其他开发工具介绍
- Horizontalscrollview里添加一个布局,该布局里在添加一个自定义的View,为什么View里用Canvas画图无法显示?
- 一个TeeChart插件中添加多条曲线的方法
- 20100604 学习记录:Gridview添加滚动条 && 网站消息弹出框 && Page_Unload
- 【Android开发学习21】写一个简单的乘法计算器,并添加退出菜单
- JQuery插件-Layui弹出层的一个例子
- supermap 学习系列(二)——添加标注(鼠标点击弹出窗口)
- 学习Discuz! X3.2记录:一个小提示,可以知道插件php文件语法出问题了
- 又一个jquery轮播效果,焦点图,带数字显示序号,这个可以添加对应标题在图片上,支持主流浏览器
- 2.实现一个通讯录; 通讯录可以用来存储1000个人的信息,每个人的信息包括: 姓名、性别、年龄、电话、住址 提供方法: 1. 添加联系人信息 2. 删除指定联系人信息 3. 查找指定联