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创建优美的页面滑动块效果 - Glider.js
Sep 27 Javascript
javascript 火狐(firefox)不显示本地图片问题解决
Jul 05 Javascript
js屏蔽鼠标键盘(右键/Ctrl+N/Shift+F10/F11/F5刷新/退格键)
Jan 24 Javascript
关于include标签导致js路径找不到的问题分析及解决
Jul 09 Javascript
浅谈javascript中this在事件中的应用
Feb 15 Javascript
详解javascript高级定时器
Dec 31 Javascript
jquery之别踩白块游戏的简单实现
Jul 25 Javascript
jQuery插件zTree实现获取当前选中节点在同级节点中序号的方法
Mar 08 Javascript
js遍历获取表格内数据的方法(必看)
Apr 06 Javascript
原生js实现简单的链式操作
Jul 04 Javascript
javascript实现循环广告条效果
Dec 12 Javascript
微信小程序如何使用canvas二维码保存至手机相册
Jul 15 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
怎样去阅读一份php源代码
2009/08/21 PHP
2款PHP无限级分类实例代码
2015/11/11 PHP
CLASS_CONFUSION JS混淆 全源码
2007/12/12 Javascript
Mootools 1.2教程 选项卡效果(Tabs)
2009/09/15 Javascript
用Jquery实现可编辑表格并用AJAX提交到服务器修改数据
2009/12/27 Javascript
jQuery.ajax 用户登录验证代码
2010/10/29 Javascript
通过复制Table生成word和excel的javascript代码
2014/01/20 Javascript
Jquery方式获取iframe页面中的 Dom元素
2014/05/07 Javascript
js实现遮罩层弹出框的方法
2015/01/15 Javascript
nodejs调用cmd命令实现复制目录
2015/05/04 NodeJs
解决jquery中动态新增的元素节点无法触发事件问题的两种方法
2015/10/30 Javascript
js去字符串前后空格的实现方法
2016/02/26 Javascript
JQuery获取鼠标进入和离开容器的方向
2016/12/29 Javascript
bootstrapValidator.min.js表单验证插件
2017/02/09 Javascript
纯JS实现简单的日历
2017/06/26 Javascript
jQuery图片查看插件Magnify开发详解
2017/12/25 jQuery
jQuery控制input只能输入数字和两位小数的方法
2019/05/16 jQuery
[01:02:48]2018DOTA2亚洲邀请赛 4.1 小组赛 A组 LGD vs OG
2018/04/02 DOTA
tensorflow 恢复指定层与不同层指定不同学习率的方法
2018/07/26 Python
python简易实现任意位数的水仙花实例
2018/11/13 Python
关于Python形参打包与解包小技巧分享
2019/08/24 Python
Python基于WordCloud制作词云图
2019/11/29 Python
Python基于Dlib的人脸识别系统的实现
2020/02/26 Python
德国足球商店:OUTFITTER
2019/05/06 全球购物
澳大利亚购买太阳镜和眼镜网站:Glamoureyes
2020/09/22 全球购物
动物学专业毕业生求职信
2013/10/11 职场文书
个人承诺书格式
2014/06/03 职场文书
教师求职自荐书
2014/06/14 职场文书
商务代表岗位职责
2015/02/15 职场文书
2015年六一儿童节演讲稿
2015/03/19 职场文书
2019中秋节祝福语大全,提前收藏啦
2019/09/10 职场文书
python 中的@运算符使用
2021/05/26 Python
分析ZooKeeper分布式锁的实现
2021/06/30 Java/Android
node.js使用express-fileupload中间件实现文件上传
2021/07/16 Javascript
docker-compose部署Yapi的方法
2022/04/08 Servers
Android开发手册自定义Switch开关按钮控件
2022/06/10 Java/Android