js弹出框轻量级插件jquery.boxy使用介绍
更新时间：2013年01月15日 15:52:02 作者：
今天我介绍一个轻量级的插件 boxy!它可以把美工设计的弹出框很容易的体现出来，而且兼容性还不错,感兴趣的朋友可以了解下
当你需要使用弹出框时，当然可以使用jquery-ui,artdiag,blockUI等等，但今天我介绍一个轻量级的插件 boxy!它可以把美工设计的弹出框很容易的体现出来，而且兼容性还不错！
<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>
你可以根据你的需要，把内容的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>
你可以根据你的需要，把内容的ID替换到Boxy(content)中的content位置，方便之极。
相关文章
jquery限制输入字数,并提示剩余字数,本文将介绍如何实现这个功能，需要了解的朋友可以参考下2012-12-12
这篇文章主要介绍了使用jQuery写的fadeTo,需要的朋友可以参考下2014-02-02
jQuery中的height innerHeight outerHeight区别示例介绍
这篇文章主要介绍了jQuery中的height innerHeight outerHeight的区别,需要的朋友可以参考下2014-06-06
这篇文章主要为大家详细介绍了jQuery动态追加页面数据以及事件委托的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
银行卡号格式验证如何错误将提示：格式错误，应该是19位数字，利用正则实现，感兴趣的朋友可以了解下，希望本文对你学习正则有所帮助2013-01-01
浅谈jQuery this和$(this)的区别及获取$(this)子元素对象的方法
下面小编就为大家带来一篇浅谈jQuery this和$(this)的区别及获取$(this)子元素对象的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-11-11
jQuery提供了强大的选择器让我们获取对象。在这边，我人为地将jQuery选择器分为两大部分：选择对象和筛选条件。选择对象表示要获取什么对象，筛选条件是对获取的对象进行筛选，最终留下符合某些特征的对象2013-08-08
遇到大图片将页面容器“撑破”的情况在进行页面布局时会经常遇到吧，在本文将为大家讲述使用jQuery实现按比例缩放大图片，让大图片自适应页面布局2013-10-10
这篇文章主要介绍了jQuery遮罩层效果,结合实例形式较为详细的分析了jQuery实现遮罩层的原理与相关技术细节,需要的朋友可以参考下2016-01-01
jQuery.datatables.js插件用法及api实例详解
这篇文章主要介绍了jquery插件之jQuery.datatables.js用法及api实例详解,本文给大家介绍的非常详细具有参考借鉴价值，需要的朋友可以参考下2016-10-10
最新评论