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乱码的一次解决过程 图解教程
Feb 20 Javascript
node.js中的fs.ftruncate方法使用说明
Dec 15 Javascript
jQuery实现当前页面标签高亮显示的方法
Mar 10 Javascript
JavaScript实现点击按钮就复制当前网址
Dec 14 Javascript
vue轮播图插件vue-awesome-swiper
Nov 27 Javascript
JavaScript实现省市联动过程中bug的解决方法
Dec 04 Javascript
JS交互点击WKWebView中的图片实现预览效果
Jan 05 Javascript
10种JavaScript最常见的错误(小结)
Jun 21 Javascript
微信小程序用户拒绝授权的处理方法详解
Sep 20 Javascript
vue项目从node8.x升级到12.x后的问题解决
Oct 25 Javascript
JS中数组实现代码(倒序遍历数组,数组连接字符串)
Dec 29 Javascript
OpenLayers实现图层切换控件
Sep 25 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
咖啡的化学
2021/03/03 咖啡文化
PHP 单引号与双引号的区别
2009/11/24 PHP
深入PHP变量存储的详解
2013/06/13 PHP
PHP有序表查找之插值查找算法示例
2018/02/10 PHP
Laravel等框架模型关联的可用性浅析
2019/12/15 PHP
jquery 图片预加载 自动等比例缩放插件
2008/12/25 Javascript
jQuery textarea的长度进行验证
2009/05/06 Javascript
JavaScript异步调用定时方法并停止该方法实现代码
2012/03/16 Javascript
使用js检测浏览器的实现代码
2013/05/14 Javascript
网页前端优化之滚动延时加载图片示例
2013/07/13 Javascript
javascript正则表达式之search()用法实例
2015/01/19 Javascript
AngularJS语法详解
2015/01/23 Javascript
jquery实现加载进度条提示效果
2015/11/23 Javascript
Jquery组件easyUi实现选项卡切换示例
2016/08/23 Javascript
angularjs ui-router中路由的二级嵌套
2017/03/10 Javascript
JavaScript ES6中export、import与export default的用法和区别
2017/03/14 Javascript
给Easyui-Datebox设置隐藏或者不可用的解决方法
2017/05/26 Javascript
jQuery插件imgAreaSelect基础讲解
2017/05/26 jQuery
JS生成随机打乱数组的方法示例
2017/12/23 Javascript
JS 实现百度搜索功能
2018/02/01 Javascript
详解vue项目打包后通过百度的BAE发布到网上的流程
2018/03/05 Javascript
echarts浮动显示单位的实现方法示例
2020/12/04 Javascript
Python中列表、字典、元组、集合数据结构整理
2014/11/20 Python
Python使用遗传算法解决最大流问题
2018/01/29 Python
python执行系统命令后获取返回值的几种方式集合
2018/05/12 Python
python 对dataframe下面的值进行大规模赋值方法
2018/06/09 Python
一看就懂得Python的math模块
2018/10/21 Python
pandas通过索引进行排序的示例
2018/11/16 Python
CSS3动画效果回调处理详解
2014/12/10 HTML / CSS
初级软件工程师面试题 Junior Software Engineer Interview
2015/02/15 面试题
Shell编程面试题
2012/05/30 面试题
幼师自荐信范文
2013/10/06 职场文书
经济管理专业自荐信
2013/12/30 职场文书
赞美老师的演讲稿
2014/05/22 职场文书
财务出纳岗位职责
2015/03/31 职场文书
总结几个非常实用的Python库
2021/06/26 Python