js彈出框輕量級插件jquery.boxy使用介紹
更新時間：2013年01月15日 15:52:02 作者：
今天我介紹一個輕量級的插件 boxy!它可以把美工設(shè)計(jì)的彈出框很容易的體現(xiàn)出來，而且兼容性還不錯,感興趣的朋友可以了解下
當(dāng)你需要使用彈出框時，當(dāng)然可以使用jquery-ui,artdiag,blockUI等等，但今天我介紹一個輕量級的插件 boxy!它可以把美工設(shè)計(jì)的彈出框很容易的體現(xiàn)出來，而且兼容性還不錯！
<script type='text/javascript'>
$(function() {
$('#ask-actuator').click(function() {
Boxy.ask("How are you feeling?", ["Great", "OK", "Not so good"], function(val) {
alert("You chose: " + val);
}, {title: "This is a question..."});
return false;
});
$('#alert-actuator').click(function() {
Boxy.alert("File not found", null, {title: 'Message'});
return false;
});
$('#confirm-actuator').click(function() {
Boxy.confirm("Please confirm:", function() { alert('Confirmed!'); }, {title: 'Message'});
return false;
});
});
</script>
你可以根據(jù)你的需要，把內(nèi)容的ID替換到Boxy(content)中的content位置，方便之極。
復(fù)制代碼 代碼如下:
<script type='text/javascript'>
$(function() {
$('#ask-actuator').click(function() {
Boxy.ask("How are you feeling?", ["Great", "OK", "Not so good"], function(val) {
alert("You chose: " + val);
}, {title: "This is a question..."});
return false;
});
$('#alert-actuator').click(function() {
Boxy.alert("File not found", null, {title: 'Message'});
return false;
});
$('#confirm-actuator').click(function() {
Boxy.confirm("Please confirm:", function() { alert('Confirmed!'); }, {title: 'Message'});
return false;
});
});
</script>
你可以根據(jù)你的需要，把內(nèi)容的ID替換到Boxy(content)中的content位置，方便之極。
相關(guān)文章
jquery限制輸入字?jǐn)?shù),并提示剩余字?jǐn)?shù)實(shí)現(xiàn)代碼
jquery限制輸入字?jǐn)?shù),并提示剩余字?jǐn)?shù),本文將介紹如何實(shí)現(xiàn)這個功能，需要了解的朋友可以參考下2012-12-12
這篇文章主要介紹了使用jQuery寫的fadeTo,需要的朋友可以參考下2014-02-02
jQuery中的height innerHeight outerHeight區(qū)別示例介紹
這篇文章主要介紹了jQuery中的height innerHeight outerHeight的區(qū)別,需要的朋友可以參考下2014-06-06
jQuery動態(tài)追加頁面數(shù)據(jù)以及事件委托詳解
這篇文章主要為大家詳細(xì)介紹了jQuery動態(tài)追加頁面數(shù)據(jù)以及事件委托的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
js jquery驗(yàn)證銀行卡號信息正則學(xué)習(xí)
銀行卡號格式驗(yàn)證如何錯誤將提示：格式錯誤，應(yīng)該是19位數(shù)字，利用正則實(shí)現(xiàn)，感興趣的朋友可以了解下，希望本文對你學(xué)習(xí)正則有所幫助2013-01-01
淺談jQuery this和$(this)的區(qū)別及獲取$(this)子元素對象的方法
下面小編就為大家?guī)硪黄獪\談jQuery this和$(this)的區(qū)別及獲取$(this)子元素對象的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
jQuery提供了強(qiáng)大的選擇器讓我們獲取對象。在這邊，我人為地將jQuery選擇器分為兩大部分：選擇對象和篩選條件。選擇對象表示要獲取什么對象，篩選條件是對獲取的對象進(jìn)行篩選，最終留下符合某些特征的對象2013-08-08
jQuery實(shí)現(xiàn)等比例縮放大圖片讓大圖片自適應(yīng)頁面布局
遇到大圖片將頁面容器“撐破”的情況在進(jìn)行頁面布局時會經(jīng)常遇到吧，在本文將為大家講述使用jQuery實(shí)現(xiàn)按比例縮放大圖片，讓大圖片自適應(yīng)頁面布局2013-10-10
這篇文章主要介紹了jQuery遮罩層效果,結(jié)合實(shí)例形式較為詳細(xì)的分析了jQuery實(shí)現(xiàn)遮罩層的原理與相關(guān)技術(shù)細(xì)節(jié),需要的朋友可以參考下2016-01-01
jQuery.datatables.js插件用法及api實(shí)例詳解
這篇文章主要介紹了jquery插件之jQuery.datatables.js用法及api實(shí)例詳解,本文給大家介紹的非常詳細(xì)具有參考借鑒價(jià)值，需要的朋友可以參考下2016-10-10