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