jQuery彈出層外掛程式簡化版

2021-04-20 15:39:53 字數 1868 閱讀 1557

string.prototype.replaceall  = function(s1,s2);

(function($);

var ismousedown    = false;

var currentelement = null;

var dropcallbacks = {};

var dragcallbacks = {};

var bubblings = {};

var lastmou***;

var lastmousey;

var lastelemtop;

var lastelemleft;

var dragstatus = {};    

var holdinghandler = false;

$.getmouseposition = function(e)

else

if (e.clientx || e.clienty) 

return ;

};$.updateposition = function(e) ;

$.fn.ondrag = function(callback));

};$.fn.ondrop = function(callback));

};$.fn.dragoff = function());

};$.fn.dragon = function());

};$.extend(,

layersetup: function( settings ) ,

layershow:function()

var _templete = $.layersettings.templete;

var __templete = _templete.replaceall("@width@",_width).replaceall("@height@",_height).replaceall("@titleid@",_titleid).replaceall("@contentid@",_contentid).replaceall("@title@",jquery.layersettings.title).replaceall("@moveid@",_moveid);

var idd = ___id___;

$(".layerclose").bind("click",function()

);$("#"+___id___).bind("click",function()

);$(document).bind("click",function(e)

);$(document).mousemove(function(e)

return

false;

}});

$(document).mouseup(function(e)

return

false;

}});

(function());

$("#"+_moveid).mouseup(function(e));

//end sethandler

})();

},layerclose:function(__id)

,layermaxindex:function()

}});

return ___index;

}});

})(jquery);

使用方法:

(1)顯示層:

function show()

);$.layershow();

}(2)關閉層:

$.layerclose("彈出層的id");

注意:那個如果你的模板有css檔案的話,就要直接引入到本頁面就行了,這個簡化版不能在別的框架彈出層的,所以也就沒有了那個cssurl屬性了,也沒有target 屬性了。

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...