js弹出框轻量级插件jquery.boxy使用介绍


Posted in Javascript onJanuary 15, 2013

当你需要使用弹出框时,当然可以使用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位置,方便之极。
Javascript 相关文章推荐
JS 强制设为首页的代码
Jan 31 Javascript
jquery连缀语法如何实现
Nov 29 Javascript
使用jQuery异步加载 JavaScript脚本解决方案
Apr 20 Javascript
js中的eval()函数把含有转义字符的字符串转换成Object对象的方法
Dec 02 Javascript
详解JavaScript时间处理之几个月前或几个月后的指定日期
Dec 21 Javascript
微信小程序 实战实例开发流程详细介绍
Jan 05 Javascript
详解js前端代码异常监控
Jan 11 Javascript
详解Angular 开发环境搭建
Jun 22 Javascript
详解vue-router和vue-cli以及组件之间的传值
Jul 04 Javascript
Vue-cli配置打包文件本地使用的教程图解
Aug 02 Javascript
jQuery 实现批量提交表格多行数据的方法
Aug 09 jQuery
公众号SVG动画交互实战代码
May 31 Javascript
jquery.boxy弹出框(后隔N秒后自动隐藏/自动跳转)
Jan 15 #Javascript
SOSO地图API使用(一)在地图上画圆实现思路与代码
Jan 15 #Javascript
script的async属性以非阻塞的模式加载脚本
Jan 15 #Javascript
javascript真的不难-回顾一下基础知识
Jan 15 #Javascript
jQuery使用动态渲染表单功能完成ajax文件下载
Jan 15 #Javascript
jsvascript图像处理—(计算机视觉应用)图像金字塔
Jan 15 #Javascript
使用Post提交时须将空格转换成加号的解释
Jan 14 #Javascript
You might like
非常不错的MySQL优化的8条经验
2008/03/24 PHP
PHP持久连接mysql_pconnect()函数使用介绍
2012/02/05 PHP
用PHP即时捕捉PHP中的错误并发送email通知的实现代码
2013/01/19 PHP
PHP微信开发之文本自动回复
2016/06/23 PHP
php实现微信模拟登陆、获取用户列表及群发消息功能示例
2017/06/28 PHP
JQuery下关于$.Ready()的分析
2009/12/13 Javascript
js弹出的对话窗口永远保持居中显示
2012/12/15 Javascript
js中的时间转换—毫秒转换成日期时间的示例代码
2014/01/26 Javascript
Jquery跳到页面指定位置的方法
2014/05/12 Javascript
JavaScript生成随机字符串的方法
2015/03/19 Javascript
Bootstrap弹出框modal上层的输入框不能获得焦点问题的解决方法
2016/12/13 Javascript
详解打造 Vue.js 可复用组件
2017/03/24 Javascript
利用JS做网页特效_大图轮播(实例讲解)
2017/08/09 Javascript
node.js的Express服务器基本使用教程
2019/01/09 Javascript
Vue基本使用之对象提供的属性功能
2019/04/30 Javascript
微信小程序与webview交互实现支付功能
2019/06/07 Javascript
JS前后端实现身份证号验证代码解析
2020/07/23 Javascript
[49:21]TNC vs VG 2019DOTA2国际邀请赛淘汰赛 胜者组赛BO3 第三场 8.20.mp4
2019/08/22 DOTA
[01:01:23]完美世界DOTA2联赛PWL S2 Forest vs FTD.C 第一场 11.26
2020/11/30 DOTA
wxpython中自定义事件的实现与使用方法分析
2016/07/21 Python
python3 打开外部程序及关闭的示例
2018/11/06 Python
详解python中各种文件打开模式
2020/01/19 Python
Python填充任意颜色,不同算法时间差异分析说明
2020/05/16 Python
详解python安装matplotlib库三种失败情况
2020/07/28 Python
Python之qq自动发消息的示例代码
2021/02/18 Python
Html5应用程序缓存(Cache manifest)
2018/06/04 HTML / CSS
花卉与景观设计系大学生求职信
2013/10/01 职场文书
大学生个人简历自我评价
2013/11/16 职场文书
学习心得体会
2014/01/01 职场文书
保险经纪人求职信
2014/03/11 职场文书
迎国庆演讲稿
2014/09/15 职场文书
我的长征观后感
2015/06/09 职场文书
步步惊心观后感
2015/06/12 职场文书
MySql 8.0及对应驱动包匹配的注意点说明
2021/06/23 MySQL
详解Java分布式事务的 6 种解决方案
2021/06/26 Java/Android
十大最强格斗系宝可梦,超梦X仅排第十,第二最重格斗礼仪
2022/03/18 日漫