JS弹出窗口收藏版（十几种类型源码案例）资源-CSDN文库

共33个文件

gif：12个

html：11个

js：6个

弹出窗口

DIV层

源码

4星 · 超过85%的资源需积分: 5 114 浏览量 2010-03-30 15:46:24 上传评论收藏 43KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

AllDialog.rar （33个子文件）

skins

default

lhg_dlg_ie6.js 2KB

d_x.gif 206B

wait.gif 771B

d_bg.gif 3KB

lhgdialog.css 3KB

skyblue

lhg_dlg_ie6.js 2KB

d_x.gif 204B

wait.gif 771B

d_bg.gif 3KB

lhgdialog.css 3KB

silvergray

lhg_dlg_ie6.js 2KB

d_x.gif 91B

wait.gif 771B

d_bg.gif 2KB

lhgdialog.css 3KB

extjs

lhg_dlg_ie6.js 2KB

d_x.gif 87B

wait.gif 771B

d_bg.gif 2KB

lhgdialog.css 3KB

content

01.html 777B

06.html 1KB

09.html 2KB

05.html 985B

07.html 870B

02.html 885B

08.html 2KB

03.html 2KB

04.html 864B

lhgcore.min.js 20KB

lhgdialog.js 6KB

lhgdialog.html 11KB

index.html 8KB

<!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <script type="text/javascript"> var E = frameElement, W = E._dlgargs.win, B = W.J.dialog; //取窗口设置参数，使用函数是为了防止内存泄露 function A(){ return E._dlgargs; } window.focus(); //加载核心库文件 - lhgcore.min.js document.write( '<' + 'script type="text/javascript" src="' + A().core + 'lhgcore.min.js"><' + '\/script>' ); </script> <script type="text/javascript"> if( J.browser.ie ) try{ document.execCommand('BackgroundImageCache',false,true); }catch(e){} //样式表文件路径，注意skins文件夹一定要和lhgdialog.html在同一目录下 document.write( '<' + 'link href="skins/' + A().skin + '/lhgdialog.css" type="text/css" rel="stylesheet"/>' ); //修正IE6下窗口尺寸文件 - lhg_dlg_ie6.js if( J.browser.ie && !J.browser.i7 ) document.write( '<' + 'script type="text/javascript" src="skins/' + A().skin + '/lhg_dlg_ie6.js"><' + '\/script>' ); //用来计算加载内容页的iframe和窗口的尺寸 var S = (function() { var ret = { //计算内容区的大小 contain: function() { var height = J('#contain')[0].offsetHeight - ( J('#dfoot')[0] ? J('#dfoot')[0].offsetHeight : 0 ); if( J('#lhgfrm')[0] ) J('#lhgfrm').css( 'height', Math.max(height,0) + 'px' ); else J('#dinner').css( 'height', Math.max(height,0) + 'px' ); }, //重新设置窗口的大小 dialog: function( width, height ) { J(E).css({ 'width': width + 'px', 'height': height + 'px' }); if( J.isFunction(window.doretsize) ) window.doretsize(); }, auto: function() { var lhgfrm = J('#lhgfrm')[0], inndoc = lhgfrm.contentWindow.document, isDTD = B.isDTD( inndoc ), innerWidth = isDTD ? inndoc.documentElement.scrollWidth : inndoc.body.scrollWidth, innerHeight = isDTD ? inndoc.documentElement.scrollHeight : inndoc.body.scrollHeight, frameSize = B.client( lhgfrm.contentWindow ), deltaWidth = innerWidth - frameSize.w, deltaHeight = innerHeight - frameSize.h; if( deltaWidth <= 0 && deltaHeight <= 0 ) return; var dialogWidth = frameElement.offsetWidth + Math.max( deltaWidth, 0 ), dialogHeight = frameElement.offsetHeight + Math.max( deltaHeight, 0 ); this.dialog( dialogWidth, dialogHeight ); this.contain(); } }; if( J.browser.ie && !J.browser.i7 ) { var original = ret.contain; ret.contain = function() { return window.setTimeout( function(){ original.apply(ret); }, 1 ); }; } J(window).resize( function(){ ret.contain(); }); return ret; })(); //拖动操作代码 var D = (function() { var regwin = [], lacoor, curpos, fW, fH, view = B.client(A().topW), scro = B.scroll(A().topW); var clearUpHdl = function() { for( var i = 0, l = regwin.length; i < l; i++ ) { J( regwin[i].document ).unbind( 'mousemove', moveHdl ); J( regwin[i].document ).unbind( 'mouseup', upHdl ); } }; var moveHdl = function(evt) { if( !lacoor ) return; var curcoor = { x : evt.screenX, y : evt.screenY }; curpos = { x : curpos.x + ( curcoor.x - lacoor.x ), y : curpos.y + ( curcoor.y - lacoor.y ) }; lacoor = curcoor; //限制在浏览器内拖动 if( A().rang ) { //限制了上和左2个方向 if( curpos.x < scro.x ) curpos.x = scro.x; if( curpos.y < scro.y ) curpos.y = scro.y; //限制了右和下2个方向，如果你不相限制这2个方向把下面代码删除即可 if( curpos.x + fW > view.w + scro.x ) curpos.x = view.w + scro.x - fW; if( curpos.y + fH > view.h + scro.y ) curpos.y = view.h + scro.y - fH; } J(A().cDiv).css({ left: curpos.x + 'px', top: curpos.y + 'px' }); }; var upHdl = function(evt) { if( !lacoor ) return; if( J.browser.ie ) evt.target.releaseCapture(); clearUpHdl(); lacoor = null; A().cDiv.css('visibility','hidden'); J(E).css({ left: curpos.x + 'px', top: curpos.y + 'px' }); }; return { downHdl : function(evt) { if( evt.target.id == 'xbtn' ) return; fW = E.offsetWidth, fH = E.offsetHeight; curpos = { x : E.offsetLeft, y : E.offsetTop }; lacoor = { x : evt.screenX, y : evt.screenY }; A().cDiv.css({ width: fW + 'px', height: fH + 'px', left: curpos.x + 'px', top: curpos.y + 'px', zIndex: parseInt(B.ZIndex,10) + 2, visibility: '' }); for( var i = 0, l = regwin.length; i < l; i++ ) { J( regwin[i].document ).bind( 'mousemove', moveHdl ); J( regwin[i].document ).bind( 'mouseup', upHdl ); } evt.preventDefault(); if( J.browser.ie ) evt.target.setCapture(); }, reghdl : function( win ){ regwin.push(win); } }; })(); (function() { var loading = function( showIt ) { J('#throbber').css( 'visibility', showIt ? '' : 'hidden' ); }; var oid = E.id; J(window).load(function(){ if( !J('#cDiv',A().topW.document)[0] ) A().cDiv.css('opacity',0.3) .appendTo( A().topW.document.body ) .contextmenu( function(evt){ evt.preventDefault(); }); //假如不显示页脚移除它 if( !A().foot ) J('#dfoot').remove(); loading(true); S.contain(); loadIFrm(); //屏蔽右键菜单 J(document).bind( 'contextmenu', function(evt){ evt.preventDefault(); }); //设置窗口的z-index值，使被单击的窗口总在最前面。 if( J.browser.ie ) J(document).bind( 'mousedown', setZIndex ); else J(window).bind( 'mousedown', setZIndex ); //为窗口的调用页面的onunload事件绑定关闭窗口函数 //此代码主要作用是调用窗口的页面如果被跳转，创建的窗口也一定要被关闭 //因为在框架的项目调用窗口的页面和创建窗口的页面不是同一个页面，如不关闭窗口就会出错 if( W != A().topW ) J(W).bind( 'unload', function(){ if( typeof cancel === 'function' ) cancel(); }); if( A().drag ) { J('#tc').mousedown( D.downHdl ); D.reghdl( window ); D.reghdl(W); if( A().topW != W ) D.reghdl( A().topW ); } //如果窗口使用link或html参数时隐藏等待层 if( A().link || A().html ) loading(); setButton(); //设置窗口的document对象和window对象 //调用方式为：J.dialog.indoc['id'] - 窗口的document对象 // J.dialog.inwin['id'] - 窗口的window对象 // J.dialog.infrm['id'] - 加载内容页的iframe对象 //些二个对象主要是用对窗口和页面、窗口和窗口之间的传值 B.indoc[oid] = document; B.inwin[oid] = window; B.infrm[oid] = J('#lhgfrm')[0] || {}; //当使用html参数时，如果自定义参数为函数时，就执行函数 //此功能主要用于使用html参数时可以对窗口页面的元素进行操作 if( (A().html || A().link) && J.isFunction(A().custom) ) A().custom(); }); //加载窗口内容页 var loadIFrm = function() { if( window.onresize ) window.onresize(); if( A().html ) J('#dinner').html( A().html ); else { var src = A().link ? A().link : A().page || B.getsrc(), css = A().link ? '' : 'style="visibility:hidden;"'; J('#dinner').html( '<iframe id="lhgfrm" src="' + src + '" name="lhgfrm" ' + 'frameborder="0" width="100%" height="100%" scrolling="auto" ' + css + '><\/iframe>' ); } }; //内容页必须要调用�

评论收藏

内容反馈