因為工作需要開發了乙個拖拽外掛程式,於是乎順手寫個彈出層吧!另外把拖拽外掛程式也呼叫進來讓他能控制拖動.
通過動畫你會發現其實這個層剛開始是不能拖動的,只有點選了"canmove"才能拖動,當然了這只是乙個高階應用例項,實際應用中我們可以讓他不需要點選就可以拖拽.另外這個層有乙個**函式.自己研究**吧,我是屬於那種只管殺不管埋的主!
以前我發外掛程式的時候只是把外掛程式的核心**發出來,後來我發現好多童鞋都不明所以,所以為了降低門檻以後我發**會發完整例子上來,不過這次我連html的doc頭一起發上來,這下簡單了吧!
對了,這東西你得自己改改,如果不知道咋改.....
(function($)
if(typeof(_box)=='object')else
if(!_o.hand)else
if(typeof(_hand)=='object')else
_box.css();
_hand.hover(function(),function())
_box.mousedown(function(e));
var _x = ev.pagex - x;//獲得x軸方向移動的值
var _y = ev.pagey - y;//獲得y軸方向移動的值
_box.css();
});});
$(document).mouseup(function())
};//彈出層外掛程式,引數:id或object
$.popup = function(_o)
$('#_pop_').remove();
var h=w='';
if(_o.height)else
if(_o.width)else
_css_='';
if(!_o.title)
if(!_o.messtyp)
switch((_o.messtyp).tolowercase())
$('body').css('overflow','hidden').prepend(''+_css_+'
'+_o.title+'×
'+_mess+'
');$('#_pop_ .cov').css();
$('#_pop_ .box').css();
$(window).resize(function());
});$('#_pop_ .i').css(});
$('#_pop_ .c').hover(function(),function()).click(function());
function _boxleft()
};})(jquery)
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...