JQuery擴展對象方法操作示例

$.fn.extend({
 ShowMsg: function (width, height, msgTitle_, msgContent_) {
 var TopY = 0; //初始化元素距父元素的距離
 $("#messageTitle").html(msgTitle_);
 $("#messageResDes").html(msgContent_);
 $(this).css("width", width + "px").css("height", height + "px"); //設置消息框的大小
 $(this).slideDown(1000); //彈出
 $("#messageTool").css("margin-top", -height); //為內容部分創建高度 溢出
 $("#message_close").click(function () {//當點擊關閉按鈕的時候
 if (TopY == 0) {
 $("#message").slideUp(1000); //這里之所以用slideUp是為了兼用Firefox瀏覽器
 }
 else {
 $("#message").animate({ top: TopY + height }, "slow", function () { $("#message").hide(); }); //當TopY不等于0時 ie下和Firefox效果一樣
 }
 return false;
 });
 $(window).scroll(function () {
 $("#message").css("top", $(window).scrollTop() + $(window).height() - $("#message").height()); //當滾動條滾動的時候始終在屏幕的右下角
 TopY = $("#message").offset().top; //當滾動條滾動的時候隨時設置元素距父原素距離
 });
 setTimeout(function () {
 if (TopY == 0) {
 $("#message").slideUp(1000); //這里之所以用slideUp是為了兼用Firefox瀏覽器
 }
 else {
 $("#message").animate({ top: TopY + height }, "slow", function () { $("#message").hide(); }); //當TopY不等于0時 ie下和Firefox效果一樣
 }
 return false;
 }, 8000); //8s后自動滑動關閉
 }
})

JQuery.extend({
 showInfor:function(0{
 //do something
 }
});

$.showInfor();//這樣就調用到了

$("#messageBox").ShowMsg(230,100,"系統提示","提示信息");