jQuery彈出層外掛程式Dialog

/**

* dialogupdate
** @author huang ji hua
* @license freebsd license
*//**
* jquery的dialog外掛程式。
** @param object content
* @param object options 選項。
* @return 
*/function dialog(content, options) ;
var options = $.extend(defaults, options);
options.id = options.id ? options.id : 'dialog-' + dialog.__count; // 唯一id
var overlayid = options.id + '-overlay'; // 遮罩層id
var timeid = null; // 自動關閉計時器 
var isshow = false;
var isie = $.browser.msie;
var isie6 = $.browser.msie && ('6.0' == $.browser.version);
/* 對話方塊的布局及標題內容。*/
var barhtml = !options.showtitle ? '' :
'' + options.title + '' + options.closetext + '
' dialog = $('' + barhtml + '
').hide();
/*** 重置對話方塊的位置。
** 主要是在需要居中的時候，每次載入完內容，都要重新定位
** @return void
*/var resetpos = function () ); }
else
); }}}
/*** 初始化位置及一些事件函式。
** 其中的this表示dialog物件而不是init函式。
*/var init = function () )
.hide();
}dialog.css();
/* ie6 相容fixed** */
if (isie6 && options.fixed) );
});}
/* 以下**處理框體是否可以移動 */
var mouse = ;
function movedialog(event) );
mouse.x = e.clientx;
mouse.y = e.clienty;
};dialog.find('.hd').mousedown(function (event) 
var e = window.event || event;
mouse.x = e.clientx;
mouse.y = e.clienty;
$(document).bind('mousemove', movedialog);
});$(document).mouseup(function (event) );
/* 繫結一些相關事件。 */
dialog.find('.close').bind('click', this.close);
dialog.bind('mousedown', function () );
// 自動關閉 
if (0 != options.time) 
}/**
* 設定對話方塊的內容。 
** @param string c 可以是html文字。
* @return void
*/this.setcontent = function (c) ,
error: function (xml, textstatus, error) 
});break;
case 'iframe':
break;
case 'text': break;
default:
div.html(c.value);
break;}}
else
}/**
* 顯示對話方塊
*/this.show = function () 
/*** 獲得某一元素的透明度。ie從濾境中獲得。
** @return float
*/var getopacity = function (id) 
var el = document.getelementbyid(id);
return (undefined != el
&& undefined != el.filters
&& undefined != el.filters.alpha
&& undefined != el.filters.alpha.opacity)
? el.filters.alpha.opacity / 100 : 1;
}/* 是否顯示背景遮罩層 */
if (options.modal)
dialog.fadeto('slow', getopacity(options.id), function () 
isshow = true;
});// 自動關閉 
if (0 != options.time) 
resetpos();
}/**
* 隱藏對話方塊。但並不取消視窗內容。
*/this.hide = function () 
if (undefined != options.beforehide && !options.beforehide())
dialog.fadeout('slow', function () 
});if (options.modal)
isshow = false;
}/**
* 關閉對話方塊 
** @return void
*/this.close = function () 
dialog.fadeout('slow', function () 
});if (options.modal)
); }
cleartimeout(timeid);
}init.call(this);
this.setcontent(content);
dialog.__count++;
dialog.__zindex++;
}dialog.__zindex = 500;
dialog.__count = 1;
dialog.version = '1.0 beta';
function dialog(content, options) 
//呼叫方式:
new dialog(,).show()

Jquery彈出層外掛程式

size medium 此外掛程式可支援以下功能 1 觸發響應事件 2 設定彈出層的標題 3 設定彈出層型別 text 容器id url iframe 4 彈出層的內容獲取 text文字 容器id名稱 url位址 iframe的位址 5 彈出層的寬度 6 彈出層的高度 7 層滑動的高度也就是彈出層時...

jQuery彈出層外掛程式Dialog

dialogupdate author huang ji hua license freebsd license jquery的dialog外掛程式。param object content param object options 選項。return function dialog content...

jQuery彈出層外掛程式大全

1.thickbox 目前用的比較多的，最新版本是thickbox3.1 2.colorbox 官方 colorbox.zip 演示例項 core example1 index.html 3.fancybox 官方 演示例項 example 4.jqueryui dialog 官方 演示例項 5.d...