网页弹出层 lhgdialog

来源:互联网 发布:qq旋风连接不了网络 编辑:程序博客网 时间:2024/05/16 15:40

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" onclick="opdg('test2');"/></body>


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

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


原创粉丝点击