lhgdialogDIV+JS弹出窗口框架_lhgdialog资源-CSDN文库

共17个文件

html：8个

gif：4个

js：1个

JavaScript

3星 · 超过75%的资源需积分: 33 115 浏览量 2009-05-15 09:45:50 上传评论收藏 321KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <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>  <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

评论收藏

内容反馈