jQuery Model Dialog|jQuery弹出层|javascript弹出层
程序员文章站
2022-04-02 11:30:02
...
jQuery实现简单的模态对话框 dialog-model-mask#遮罩层 dialog-model-show#弹出层边缘 dialog-model-text#弹出层text jQuery var Dialog = Dialog || {};Dialog.showModel = function (width, height, text){var wdw = $(window).width();var wdh = $(window)
jQuery实现简单的模态对话框
dialog-model-mask # 遮罩层
dialog-model-show # 弹出层边缘
dialog-model-text # 弹出层text jQuery
var Dialog = Dialog || {}; Dialog.showModel = function (width, height, text){ var wdw = $(window).width(); var wdh = $(window).height(); var left = Math.ceil((wdw - width)/2); var top = Math.ceil((wdh-height)/2)-Math.floor(height/3); var html = ''; html += ''; html += ''+ text +''; $(document.body).append(html); } Dialog.hideModel = function (){ $("div#dialog-model-mask").hide(); $("div#dialog-model-show").hide(); $("div#dialog-model-text").hide(); }
上一篇: PHP时间戳与日期之间的转换
推荐阅读
-
jQuery 源码解析(七) jQuery对象和DOM对象的互相转换
-
Django开发学习BUG记录--RemovedInDjango19Warning:Model class apps.user.models.User doesn't declare an explicit app_label
-
谈谈JavaScript Navigator 对象属性
-
JavaScript中的事件循环机制
-
JavaScript 数组方法
-
声明JavaScript变量
-
jQuery插件HighCharts实现的2D面积图效果示例【附demo源码下载】
-
Javascript的加载
-
javascript立即执行函数
-
JavaScript 注释语句