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位置，方便之极。
相关文章
因为需求就只有4个元素。如果是要用CSS的class来处理，那就需要用到CSS3动画了，好了下面为大家介绍下如何实现这个放大缩小动画效果2013-09-09
加载动画和进度条在网站和 Web 应用中的使用非常流行。虽然网速越来越快，但是我们的网站越来越复杂，同时用户对网站的使用体验的要求也越来越高2012-10-10
进度条和Loading加载动画在当今的网页功能中显得越来越重要了，于是接下来为大家推荐几款比较新颖进度条插件,感兴趣的你可以参考下希望可以帮助到你2013-03-03
这边文章主要给大家介绍了jQuery原型属性constructor,selector,length,jquery和原型方法size,get,toArray，十分的详细，有需要的小伙伴可以参考下。2015-07-07
jQuery把所有的操作都包装在一个jQuery()函数中，形成了统一(也是惟一)的操作入口，这为jQuery操作降低了门槛。那我们来看下具体构造函数的“七种武器”吧。2014-06-06
这篇文章主要为大家详细介绍了jQuery验证插件validate的使用方法，jQuery.validate.js插件用于对表单输入进行验证，对验证插件感兴趣的小伙伴们可以参考一下2016-05-05
为了保证前台页面的整洁，我们习惯性地将CSS放入一个单独的.CSS文件中以便调用，而JS也同样可以放到单独的JS文件中去，并且页面上的事件如onclick，onmouseover也可以分离出来，现在网上比较流行JQuery2008-11-11
jquery是等待页面加载完数据，以及页面部分元素；js是页面全部加载完成才执行初始化加载，具体示例祥看本文2014-04-04
jQuery EasyUI API 中文文档 - Calendar日历使用
jQuery EasyUI API 中文文档 - Calendar日历使用，需要的朋友可以参考下。2011-10-10
这篇文章主要汇总了web前端设计师们常用的jQuery特效插件,需要的朋友可以参考下2014-12-12
最新评论