网页弹出层 lhgdialog

最新推荐文章于 2021-07-01 17:49:26 发布

luofeng0710

最新推荐文章于 2021-07-01 17:49:26 发布

阅读量1.5k

点赞数

分类专栏： HTML第三方控件文章标签： function button input html

本文链接：https://blog.csdn.net/luofeng0710/article/details/6714216

版权

HTML第三方控件专栏收录该内容

5 篇文章 0 订阅

订阅专栏

1.下载两个文件

<script type="text/javascript" src="lhgcore.min.js"></script>
<script type="text/javascript" src="lhgdialog.min.js"></script>

lhgdialog提供两种方式弹出窗口：

<head>
<script type="text/javascript">
//第一种jQ调用方式
J(function(){
    J('#dg').dialog({ id:'test1', html:'lhgdialog' });
});

//第二种普通函数式调用
function opdg( id )
{
    var dg = new J.dialog({ id:id, html:'lhgdialog' });
    dg.ShowDialog();
}
</script>
</head>
<body>
    <input type="button" id="dg" value="opendg1"/>
    <input type="button" value="opendg2" οnclick="opdg('test2');"/>
</body>

注：第一种方式适合于简单的调用弹出窗口的方式，但必须放到J(function(){ ... });里

第二种方式适合于传参数或调用功能较复杂的弹出窗口，注意一定要定义变量后再调用ShowDialog()方法，不要写在一行。