jQuery 对话框(dialog)显示在屏幕中央
2011-07-15 08:12
495 查看
jQuery 实现元素显示在屏幕中央,jQuery 将对话框显示在屏幕中央,jQuery 图像显示在屏幕中央,我们经常需要将对话框显示在屏幕的中央,如果使用 Javascript ,因为浏览器实现的差异,兼容起来非常麻烦,但是 JQuery 可以有效地解决。
jQuery 代码:
jQuery 代码:
以下为引用内容: (function($){ $.fn.center = function(){ var top = ($(window).height() - this.height())/2; var left = ($(window).width() - this.width())/2; var scrollTop = $(document).scrollTop(); var scrollLeft = $(document).scrollLeft(); return this.css( { position : 'absolute', 'top' : top + scrollTop, left : left + scrollLeft } ).show(); } })(jQuery)调用方法:
以下为引用内容: $('#dialog').center();
相关文章推荐
- 在Jquery中让一个容器div显示在屏幕正中央
- 对话框显示在屏幕中央的代码
- jquery 使用dialog弹窗显示在整个屏幕上,而不是只遮盖当前的ifream或div,另附dialog中加返回按钮,设置高宽等
- JQuery扩展:将元素显示在屏幕的中央
- JQuery 将元素显示在屏幕的中央的代码
- 利用jQuery ui dialog 显示表单对话框通用JS方法
- JQuery 将元素显示在屏幕的中央的代码
- Android开发 — 实现手指从屏幕底部向上滑动的方式来显示Dialog(可为实现自由拖动Dialog提供参考)
- Java基础之扩展GUI——显示About对话框(Sketcher 2 displaying an About dialog)
- Qt程序设置界面显示在屏幕中央(包括多屏机的处理)
- JQuery 弹出层,始终显示在屏幕正中间
- jQuery EasyUI API 中文文档 - 对话框(Dialog)
- 正常启动XP时,只在屏幕中央显示OUT OF TIMNG。
- jQuery Dialog 弹出层对话框插件
- JQuery 弹出层,始终显示在屏幕正中间
- Windows核心编程学习一:使用DialogBoxParam显示模式对话框
- js json对象操作,及dialog总是显示在屏幕中心 笔记
- 调整android dialog对话框显示位置