弹窗插件

lhgdialog 主调函数参数说明:

主调函数: J.dialog.get( id, options );

参数说明:

1. id :窗口 id 号,必写项,不能省略 。每个窗口的 id 必须是唯一的不能重复。

2. options : json 格式的 key /value 对象参数,它包括以下选项,都是可选的。

① title :窗口标题,默认值为 ’lhgdialog’ 。

② page||link||html :窗口内容页类型(三种),每个弹出窗口只可使用其中一种,可选项。其中 page 指窗口内容页为自定义的文件, link 指窗口内容页为外部联接的页面。 html 指窗口内容页为 html 代码。另外: page 的值为 lhgdialog.html 文件到自定义的内容页的相对路径加上文件名, link 的值为: http://...... 的形式, htt:// 不能省略。 html 的值为 html 代码形式即可。

③ width : 窗口宽度,默认值为 400 。

④ height : 窗口高度,默认值为 300 。

⑤ cover :是否打开遮罩层,默认为不打开。

⑥ top :窗口距浏览器顶端距离,如不写则窗口显示在屏幕中间。

⑦ left :窗口距浏览器左边距离,如不写则窗口显示在屏幕中间。

⑧ rang :是否限制在浏览器内拖动。

⑨ custom :传到内容内的自定义值或函数,使用方法看示例文件。

⑽ drag :是否拖动窗口,默认为 true 。

⑾ foot :是否显示页脚部分,默认为 true 。

⑿ cache : 是否从缓存加载内容页,默认为 true 。

注: 在 lhgdialog.js 文件的 dialogSet 函数里的 _default 变量为控件的一些默认值的设置,你可以更改这里的默认值来改变控件的默认值。

时间: 2024-10-31 19:16:52

弹窗插件的相关文章

一个简单的页面弹窗插件 jquery.pageMsgFrame.js

页面弹窗是网站中常用的交互效果,它可以强提示网站的某些信息给用户,或者作用于某些信息的修改等等功能. 这几天在做一个项目的时候,就顺捎把这个插件写一下,栽棵树,自己乘凉吧. 原创博文,转载请注明出处:http://www.cnblogs.com/dereksunok/p/3724764.html html代码: 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5

FirstBlood-jquery弹窗插件

嗯,这是第一次用插件形式写的弹出提示窗口,经验尚浅,写得也不好. /*------------------------------- * Author: D.pan * Date: 2015/6/15 * Version: 1.0 * Description: 弹窗插件 -------------------------------*/ ;(function($){ var defaultSetting = { title : '', //标题 closeText : '关闭', //关闭按钮

thinkphp 点击某个class提交post值,返回回来用一个弹窗插件,提示返回来要说的话

下一篇文章有讲到弹窗插件的怎么使用,自写教程 如果能帮到你,给点个赞鼓励一下 <=============  控制器  =================> public function index(){ $uid = session('uid'); if($uid <= 0){ $url = "/Home/User/login.html"; echo '<script type="text/javascript">alert(&qu

原生Js弹窗插件|web弹出层组件|对话框

wcPop.js 是一款基于原生javascript开发的前端 web版 弹窗组件,遵循原生 H5/css3/JS 的书写规范,简单实用.拿来即用(压缩后仅10KB).已经兼容各大主流浏览器.内含多种弹窗类型(普通型弹窗.仿微信|android|ios弹窗.定位弹窗.全屏弹窗),多种动画展示效果,可以让您的网页对话框千变万化. ◆ 一睹风采 ◆ 在页面只需引入wcPop.js即可: <script src="wcPop.js"></script> ◆ API调用

jquery弹窗插件

.zhuti { position:absolute; z-index:3; font-size:14px; border-radius:5px; box-shadow:0 0 5px white; overflow:hidden; color:#333; } .title { background-color:#3498db; vertical-align:middle; height:35px; width:100%; line-height:35px; text-indent:1em; }

自己动手丰衣足食,h5手机端jquery弹窗插件(事件冒泡、单例模式、遮盖部分禁止默认滚动)

感谢浏览,欢迎交流=.= 公司开发微信网页多处需要使用弹窗,使用jquery-ui的定制化下载仍需要150多kb,想来有些奢侈(最终下来只有11kb,压缩后2kb,啊,我的神), 手机端弹窗方式与pc端有些不同,而且手机上有一个弹窗出来滚动跟父页面滚动相互影响的问题, 于是决定写一个插件,专门对付手机网页的弹窗. 弹窗的mask和dialog两部分都做成了position=fixed,比较喜欢这种效果,并且屏蔽了被遮住部分的滚动. 几处认为需要留意的知识点或困难点: 1.事件冒泡: e.prev

嫌弃浏览器自带弹出框,写个简单的jq自定义弹窗插件

最近做项目写个表单验证,提交信息验证有错误的时候,用了最懒的方法,直接把错误提示用alert()弹出框弹出来,于是老大看完后给了这个表情... 确实,自带弹窗样式丑不能自定义这些问题困扰着很多用户,而且在同浏览器有不同的表现, 有这样的:.. 有这样的:.. 还有这样的:.. 还有这样的: 相信做前端的都很熟悉这些面孔~ 不统一风格的弹窗直接拉低了整个网站的逼格.. 好,那就写个简单的JQ插件来装饰一下吧. JQ插件标准的封装代码如下,首先需要闭包: <script type="text/

最近写的一个弹窗插件

最近因为项目需要,写了一个模拟弹窗的插件,代码不是很优雅,有时间改一下,欢迎拍砖 js代码: 1 /* 2 *selfWindow组建,主要是用于模拟移动网站的alert(),confirm()窗口点解某一按钮跳转到某一个页面的效果, 3 *因为给予移动web,所以没有兼容低版本ie 4 *调用方法:var win = new SelfWinsow({ 5 * types : "confirm",//这里可以选择的参数有,alert,confirm,confirm2,link 6 *

boostrap-modal.js中的坑(http://ui2.tinygroup.org/page/index.page中的弹窗插件 )

在使用bootstrap-modal.js的过程中遇到很多抗,记录下.遇到的同学可以一起探讨下.  1.在火狐浏览器中最大化后切换后,弹窗的位置乱跳       解决这个问题找了好久,一直不知道什么原因.看源码的过程中发现了在计算位置时margin的值没有分开计算.       火狐浏览器在用css('margin')计算的时候会出现问题.解决这个办法是讲margin 的值分开设置

弹窗插件zDialog使用教程

1.首先现在好zDialog然后复制项目中 2.配置zDialog解压以后images文件夹位置 images存放位置根据自己实际项目而定,zDialog.js中配置位置即可,如: var IMAGESPATH = '/images/'; //图片路径配置 3.弹出框html以及js代码编写: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtm