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)文章
在傳統(tǒng)的Javascript里，當(dāng)我們對某個頁面元素進(jìn)行某種操作前，最好先判斷這個元素是否存在。原因是對一個不存在的元素進(jìn)行操作是不允許的。2009-08-08
jQuery+PHP+MySQL二級聯(lián)動下拉菜單實(shí)例講解
這篇文章主要介紹了一款jQuery+PHP+MySQL三者結(jié)合實(shí)現(xiàn)的二級聯(lián)動下拉菜單，需要的朋友可以參考下2015-10-10
Jquery的val()方法不僅能夠設(shè)置元素的值，同時也能獲取元素的值。常見的操作是對文本框的操作，比如判斷郵箱地址等2012-06-06
jquery Form輕松實(shí)現(xiàn)文件上傳
這篇文章主要介紹了jquery Form輕松實(shí)現(xiàn)文件上傳的相關(guān)過程，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
JQuery使用$.ajax和checkbox實(shí)現(xiàn)下次不在通知功能
這篇文章主要介紹了JQuery使用$.ajax和checkbox實(shí)現(xiàn)下次不在通知功能,本文給出HTML代碼、JS代碼、和后端JAVA代碼完整示例,需要的朋友可以參考下2015-04-04
Jquery顯示和隱藏元素或設(shè)為只讀(含Ligerui的控件禁用,實(shí)例說明介紹)
本篇文章是對Jquery中顯示和隱藏元素或設(shè)為只讀以及Ligerui的控件禁用實(shí)現(xiàn)代碼進(jìn)行了分析介紹，需要的朋友可以參考下2013-07-07
利用JQuery實(shí)現(xiàn)datatables插件的增加和刪除行功能
這篇文章給大家介紹了jquery實(shí)現(xiàn)datatables插件的增加和刪除行的功能，代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的朋友參考下2017-01-01
jQuery DateTimePicker 日期和時間插件示例
jQuery UI很強(qiáng)大，其中的日期選擇插件Datepicker是一個配置靈活的插件，這篇文章主要介紹了jQuery DateTimePicker 日期和時間插件示例，有興趣的可以了解一下。2017-01-01
本文的目的是可以快速了解jQuery插件的開發(fā)原理以及掌握jQuery開發(fā)的基本技能。具有很好的參考價值，下面跟著小編一起來看下吧2017-01-01
jQuery maxlength文本字?jǐn)?shù)限制插件
相信大家對twitter類的微博客都不陌生,作為一句話博客其字?jǐn)?shù)即時提示效果設(shè)計(jì)的非常人性化.2010-04-04