js彈出框輕量級(jí)插件jquery.boxy使用介紹
更新時(shí)間:2013年01月15日 15:52:02 作者:
今天我介紹一個(gè)輕量級(jí)的插件 boxy!它可以把美工設(shè)計(jì)的彈出框很容易的體現(xiàn)出來,而且兼容性還不錯(cuò),感興趣的朋友可以了解下
當(dāng)你需要使用彈出框時(shí),當(dāng)然可以使用jquery-ui,artdiag,blockUI等等,但今天我介紹一個(gè)輕量級(jí)的插件 boxy!它可以把美工設(shè)計(jì)的彈出框很容易的體現(xiàn)出來,而且兼容性還不錯(cuò)!
<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位置,方便之極。
您可能感興趣的文章:
- jQuery+css+html實(shí)現(xiàn)頁面遮罩彈出框
- jquery彈出框的用法示例(一)
- jquery實(shí)現(xiàn)一個(gè)簡(jiǎn)單好用的彈出框
- 基于jQuery的彈出框插件
- 基于jquery的彈出提示框始終處于窗口的居中位置(類似于alert彈出框的效果)
- jquery彈出框插件jquery.ui.dialog用法分析
- jQuery實(shí)現(xiàn)消息彈出框效果
- JQuery 彈出框定位實(shí)現(xiàn)方法
- jquery.boxy彈出框(后隔N秒后自動(dòng)隱藏/自動(dòng)跳轉(zhuǎn))
- JQuery實(shí)現(xiàn)頁面彈出框
相關(guān)文章
jQuery+PHP+MySQL二級(jí)聯(lián)動(dòng)下拉菜單實(shí)例講解
這篇文章主要介紹了一款jQuery+PHP+MySQL三者結(jié)合實(shí)現(xiàn)的二級(jí)聯(lián)動(dòng)下拉菜單,需要的朋友可以參考下2015-10-10jquery Form輕松實(shí)現(xiàn)文件上傳
這篇文章主要介紹了jquery Form輕松實(shí)現(xiàn)文件上傳的相關(guān)過程,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-05-05JQuery使用$.ajax和checkbox實(shí)現(xiàn)下次不在通知功能
這篇文章主要介紹了JQuery使用$.ajax和checkbox實(shí)現(xiàn)下次不在通知功能,本文給出HTML代碼、JS代碼、和后端JAVA代碼完整示例,需要的朋友可以參考下2015-04-04Jquery顯示和隱藏元素或設(shè)為只讀(含Ligerui的控件禁用,實(shí)例說明介紹)
本篇文章是對(duì)Jquery中顯示和隱藏元素或設(shè)為只讀以及Ligerui的控件禁用實(shí)現(xiàn)代碼進(jìn)行了分析介紹,需要的朋友可以參考下2013-07-07利用JQuery實(shí)現(xiàn)datatables插件的增加和刪除行功能
這篇文章給大家介紹了jquery實(shí)現(xiàn)datatables插件的增加和刪除行的功能,代碼簡(jiǎn)單易懂,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友參考下2017-01-01jQuery DateTimePicker 日期和時(shí)間插件示例
jQuery UI很強(qiáng)大,其中的日期選擇插件Datepicker是一個(gè)配置靈活的插件,這篇文章主要介紹了jQuery DateTimePicker 日期和時(shí)間插件示例,有興趣的可以了解一下。2017-01-01jQuery maxlength文本字?jǐn)?shù)限制插件
相信大家對(duì)twitter類的微博客都不陌生,作為一句話博客其字?jǐn)?shù)即時(shí)提示效果設(shè)計(jì)的非常人性化.2010-04-04