<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
*@Generator -> LiHuiGang - Email:lhg133@126.com - QQ:463214570 Ver:1.2.2
*@Download by http://www.codefans.net
*@Copyright (c) 2009 LiHuiGang Compostion - Blog:http://www.cnblogs.com/lhgstudio
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>lhgdialog - samples</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
body{margin:0;padding:0;font:14px Verdana, Arial, sans-serif;line-height:200%;}
#content{padding-left:50px;padding-right:50px;}
#content h2{font-size:18px;color:#1E9300;padding-top:8px;margin-bottom:8px;}
#content h3{margin-top:8px;margin-bottom:8px;FONT:bold 14px 宋体,tahoma,arial,sans-serif;COLOR:#0033CC;}
#content div{margin-top:10px;margin-bottom:10px;border:#666 solid 1px;padding:10px;}
#content span{color:#f00;font-weight:bold;}
ul, ol{color:#000000;}
</style>
<!--
┏━━━━━━━━━━━━━━━━━━━━━┓
┃ 源 码 爱 好 者 ┃
┣━━━━━━━━━━━━━━━━━━━━━┫
┃ ┃
┃ 提供源码发布与下载 ┃
┃ ┃
┃ http://www.codefans.net ┃
┃ ┃
┃ 互助、分享、提高 ┃
┗━━━━━━━━━━━━━━━━━━━━━┛
-->
<script type="text/javascript" src="lhgdialog.js"></script>
<script type="text/javascript">
function open1()
{
lhgdialog.opendlg( '不带遮罩层的普通窗口', '_content/content1.html', 400, 300 );
}
function open2()
{
lhgdialog.opendlg( '带遮罩层的普通窗口', '_content/content1.html', 400, 300, true );
}
function open3()
{
lhgdialog.opendlg( '内容页为外部连接的窗口', 'http://www.codefans.net', 640, 480, false, true );
}
function open4()
{
lhgdialog.opendlg( '内容页为html代码的窗口', '<div style="color:red;font-size:14px;">lhgdialog弹出窗口</div>', 400, 300, false, 'hcode' );
}
function open5()
{
lhgdialog.opendlg( '带遮罩层带子窗口的窗口', '_content/content2.html', 400, 300, true );
}
function open6()
{
lhgdialog.opendlg( '被调用页面关闭的窗口', '_content/content1.html', 400, 300, false, false, 'win1' );
}
function closdlg()
{
lhgdialog.closdlg('win1');
}
function open7()
{
lhgdialog.opendlg( '在指定位置弹出窗口并随滚动条滚动', '_content/content1.html', 400, 300, false, false, '', true, { top:100, left:100 } );
}
function open8()
{
lhgdialog.opendlg( '返回值到调用页面', '_content/content3.html', 400, 300 );
}
function open9()
{
lhgdialog.opendlg( '窗口1', '_content/content4.html', 400, 300, false, false, 'dlg1' );
}
function open10()
{
lhgdialog.opendlg( '窗口2', '_content/content5.html', 400, 300, false, false, 'dlg2' );
}
function open11()
{
lhgdialog.opendlg( '创建其它按钮', '_content/content6.html', 400, 300 );
}
function open12()
{
//tool.getev()函数为取得触发事件,用这个函数可以不需要在open12()函数加任何参数。
//e为取得事件触发对象,w为取得对象宽度,h为取得对象高度。
//tool.getepos()函数为取得触发对象的相对于body的定位。
var ev = tool.getev(), e = ev.srcElement || ev.target;
var l, t, w = e.offsetWidth, h = e.offsetHeight;
var pos = tool.getepos(e);
//使窗口显示在触发对象的右边
l = pos.x + w; t = pos.y;
//使窗口显示在触发对象的下边
//l = pos.x; t = pos.y + h;
lhgdialog.opendlg( '在按钮的右边或下边弹出窗口', '_content/content1.html', 400, 300, false, false, '', false, { top : t, left : l } );
//如果你不想用到窗口在触发对象位置弹出窗口可把lhgdailog.js里的tool对象的tool.getev()和tool.getepos()2个函数删除。
}
</script>
</head>
<body>
<div id="content">
<h2>lhgdialog - samples</h2><hr />
<h3>1. 不带遮罩层的普通窗口 </h3>
<div>
<input type="button" id="a" value="不带遮罩层的普通窗口" onclick="open1()"/><br/>
<span>调用代码:lhgdialog.opendlg( '不带遮罩层的普通窗口', '_content/content1.html', 400, 300 );</span>
</div>
<h3>2. 带遮罩层的普通窗口 </h3>
<div>
<input type="button" id="b" value="带遮罩层的普通窗口" onclick="open2()"/><br/>
<span>调用代码:lhgdialog.opendlg( '带遮罩层的普通窗口', '_content/content1.html', 400, 300, true );</span>
</div>
<h3>3. 内容页为外部连接的窗口</h3>
<div>
<input type="button" id="c" value="内容页为外部连接的窗口" onclick="open3()"/><br/>
<span>调用代码:lhgdialog.opendlg( '内容页为外部连接的窗口', 'http://www.codefans_net', 640, 480, '', true );</span>
</div>
<h3>4. 内容页为html代码的窗口</h3>
<div>
<input type="button" id="d" value="内容页为html代码的窗口" onclick="open4()"/><br/>
<span>调用代码:lhgdialog.opendlg( '内容页为html代码的窗口', '<div style="color:red;font-size:14px;">lhgdialog弹出窗口</div>', 400, 300, '', 'hcode' );</span>
</div>
<h3>5. 带遮罩层带子窗口的窗口</h3>
<div>
<input type="button" id="e" value="带遮罩层带子窗口的窗口" onclick="open5()"/><br/>
<span>调用代码:lhgdialog.opendlg( '带遮罩层带子窗口的窗口', '_content/content2.html', 400, 300, true );</span><br/>
<span>子窗口的调用代码(写在content2.html里):D.lhgdialog.opendlg( '我是子窗口', '', 400, 300, true );</span>
</div>
<h3>6. 在调用页面按钮关闭弹出窗口</h3>
<div>
<input type="button" id="f" value="被调用页面关闭的窗口" onclick="open6()"/><input type="button" value="关闭弹出窗口" onclick="closdlg();"/><br/>
<span>调用代码:lhgdialog.opendlg( '被调用页面关闭的窗口', '_content/content1.html', 400, 300, false, false, 'win1' );</span><br/>
<span>关闭窗口按钮代码:lhgdialog.closdlg('win1');</span>
</div>
<h3>7. 在指定位置弹出窗口并随滚动条滚动</h3>
<div>
<input type="button" id="g" value="在指定位置弹出窗口并随滚动条滚动" onclick="open7()"/><br/>
<span>调用代码:lhgdialog.opendlg( '窗口在右下角弹出并随滚动条滚动', '_content/content1.html', 400, 300, false, false, '', true, { top:100, left:100 } );</span><br/>
<span>注:可指定为右下角和右上角,最后一个参数为1时为右上角,为2时为右下角。</span>
</div>
<h3>8. 返回值到调用页面</h3>
<div>
<input type="button" id="h" value="返回值到调用页面" onclick="open8()"/><input type="text" id="getval" value="窗口的值返回到这里"/><br/>
<span>调用代码:lhgdialog.opendlg( '返回值到调用页面', '_content/content3.html', 400, 300 );</span><br/>
<span>注:返回值的代码都在conent3.html里,你可打开这个文件查看</span>
</div>
<h3>9. 多窗口之间的传值</h3>
<div>
<input type="button" id="i" value="窗口1" onclick="open9()"/><input type="button" id="j" value="窗口2" onclick="open10();"/><br/>
<span>调用代码:窗口1:lhgdialog.opendlg( '窗口1', '_content/content4.html', 400, 300, false, false, 'dlg1');</span><br/>
<span>窗口2:lhgdialog.opendlg( '窗口2', '_content/content5.html', 400, 300, false, false, 'dlg2' );</span><br/>
<span>注:传值操作的代码都在content4.html和content5.html里,可打开查看。</span>
</div>
<h3>10. 创建其它按钮</h3>
<div>
<input type="button" id="h" valu
没有合适的资源?快使用搜索试试~ 我知道了~
lhgdialog DIV+JS弹出窗口框架
共17个文件
html:8个
gif:4个
js:1个
3星 · 超过75%的资源 需积分: 33 24 下载量 38 浏览量
2009-05-15
09:45:50
上传
评论
收藏 321KB RAR 举报
温馨提示
lhgdialog DIV弹出窗口框架,基于JavaScript,它与Alert弹出窗口有着本质的区别,lhgdialog DIV弹出窗口是JS+CSS结合打造的产物,界面非常漂亮,无刷新弹出窗口,而且它有个最大的特点是占用CPU资源极小,这是jQery,extjS都不能相比的,整个组件代码不超过18K,调用方便,简单设置参数就可以完美调用,代码包中含有说明文件。
资源推荐
资源详情
资源评论
收起资源包目录
lhgdialog.rar (17个子文件)
codefans.net
lhgdialog
_content
content4.html 833B
content6.html 1KB
content2.html 570B
content3.html 764B
content5.html 833B
content1.html 465B
_demo.html 9KB
lhgdialog.js 7KB
lhgdialog.html 8KB
CodeFans.net.url 79B
lhgdialog弹出窗口框架使用说明.doc 416KB
images
wait.gif 771B
btn_bg.gif 1KB
Thumbs.db 24KB
d_bg.gif 215B
from-download.gif 9KB
lhgdialog.css 2KB
共 17 条
- 1
资源评论
- ykhpli2014-03-21可以实现,但是不是很好用
- huweiguang2012-06-21怎么用不了啊,不能用啊??
javry
- 粉丝: 57
- 资源: 414
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功