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 相关文章推荐
jquery ajax的success回调函数中实现按钮置灰倒计时
Nov 19 Javascript
将form表单中的元素转换成对象的方法适用表单提交
May 02 Javascript
jQuery .tmpl() 用法示例介绍
Aug 21 Javascript
谷歌showModalDialog()方法不兼容出现对话窗口的解决办法
Feb 15 Javascript
js计算系统当前日期是星期几的方法
Jul 14 Javascript
Web安全测试之XSS实例讲解
Aug 15 Javascript
JS中如何实现复选框全选功能
Dec 19 Javascript
JavaScript正则表达式exec/g实现多次循环用法示例
Jan 17 Javascript
bootstrap+jQuery 实现下拉菜单中复选框全选和全不选效果
Jun 12 jQuery
详解Node中导入模块require和import的区别
Aug 11 Javascript
angularJs-$http实现百度搜索时的动态下拉框示例
Feb 27 Javascript
vue实现多个echarts根据屏幕大小变化而变化实例
Jul 19 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
PHP4实际应用经验篇(6)
2006/10/09 PHP
php防止伪造数据从地址栏URL提交的方法
2014/08/24 PHP
检测codeigniter脚本消耗内存情况的方法
2015/03/21 PHP
安装PHP扩展时解压官方 tgz 文件后没有configure文件无法进行配置编译的问题
2020/08/26 PHP
用JQuery 实现的自定义对话框
2007/03/24 Javascript
JS window.opener返回父页面的应用
2009/10/24 Javascript
jquery插件 cluetip 关键词注释
2010/01/12 Javascript
论Bootstrap3和Foundation5网格系统的异同
2016/05/16 Javascript
JS 根据子网掩码,网关计算出所有IP地址范围示例
2020/04/23 Javascript
关于vue.js弹窗组件的知识点总结
2016/09/11 Javascript
Json对象和字符串互相转换json数据拼接和JSON使用方式详细介绍(小结)
2016/10/25 Javascript
jquery插件ContextMenu设置右键菜单
2017/03/13 Javascript
Node.js Windows Binary二进制文件安装方法
2019/05/16 Javascript
vue项目中监听手机物理返回键的实现
2020/01/18 Javascript
JavaScript设计模式--桥梁模式引入操作实例分析
2020/05/23 Javascript
微信小程序自定义联系人弹窗
2020/05/26 Javascript
详解vue v-model
2020/08/31 Javascript
Node 使用express-http-proxy 做api网关的实现
2020/10/15 Javascript
Python实现的简单万年历例子分享
2014/04/25 Python
Python3实现Web网页图片下载
2016/01/28 Python
python3中set(集合)的语法总结分享
2017/03/24 Python
Python对列表去重的多种方法(四种方法)
2017/12/05 Python
Python使用post及get方式提交数据的实例
2019/01/24 Python
解决python Markdown模块乱码的问题
2019/02/14 Python
css3选择器基本介绍
2014/12/15 HTML / CSS
美国孕妇装品牌:Destination Maternity
2018/02/04 全球购物
装修致歉信
2014/01/15 职场文书
演讲稿格式范文
2014/05/19 职场文书
质量承诺书格式
2014/05/20 职场文书
ktv好的活动方案
2014/08/17 职场文书
2014教师个人自我评价范文
2014/09/13 职场文书
2015年初中生自我评价范文
2015/03/03 职场文书
2016年11月份红领巾广播稿
2015/12/21 职场文书
python 办公自动化——基于pyqt5和openpyxl统计符合要求的名单
2021/05/25 Python
基于redis+lua进行限流的方法
2022/07/23 Redis
Nginx跨域问题解析与解决
2022/08/05 Servers