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关键词数据搜索实现思路
Feb 26 Javascript
jquery实现加载等待效果示例
Sep 25 Javascript
使用text方法获取Html元素文本信息示例
Sep 01 Javascript
js实现浮动在网页右侧的简洁QQ在线客服代码
Sep 04 Javascript
el表达式 写入bootstrap表格数据页面的实例代码
Jan 11 Javascript
详解Vue使用命令行搭建单页面应用
May 24 Javascript
jQuery绑定事件方法及区别(bind,click,on,live,one)
Aug 14 jQuery
不使用 JS 匿名函数理由
Nov 17 Javascript
前端必备插件之纯原生JS的瀑布流插件Macy.js
Nov 22 Javascript
Vue 获取数组键名的方法
Jun 21 Javascript
详解Webpack如何引入CDN链接来优化编译后的体积
Jun 21 Javascript
解决vue的过渡动画无法正常实现问题
Oct 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
PHP中开发XML应用程序之基础篇 添加节点 删除节点 查询节点 查询节
2010/07/09 PHP
基于PHP的cURL快速入门教程 (小偷采集程序)
2011/06/02 PHP
PHP不用第三变量交换2个变量的值的解决方法
2013/06/02 PHP
php导入导出excel实例
2013/10/25 PHP
windows7下安装php的php-ssh2扩展教程
2014/07/04 PHP
PHP中实现获取IP和地理位置类分享
2015/02/10 PHP
Smarty实现页面静态化(生成HTML)的方法
2016/05/23 PHP
php表单处理操作
2017/11/16 PHP
php实现支付宝当面付(扫码支付)功能
2018/05/30 PHP
html读出文本文件内容
2007/01/22 Javascript
javascript 单选框,多选框美化代码
2008/08/01 Javascript
mysql输出数据赋给js变量报unterminated string literal错误原因
2010/05/22 Javascript
FileUpload上传图片(图片不变形)
2010/08/05 Javascript
JavaScript定时器详解及实例
2013/08/01 Javascript
js和css写一个可以自动隐藏的悬浮框
2014/03/05 Javascript
js数值计算时使用parseInt进行数据类型转换(jquery)
2014/10/07 Javascript
javascript求日期差的方法
2016/03/02 Javascript
JavaScript提升性能的常用技巧总结【经典】
2016/06/20 Javascript
手机图片预览插件photoswipe.js使用总结
2016/08/25 Javascript
JS实现太极旋转思路分析
2016/12/09 Javascript
jquery实现拖动效果(代码分享)
2017/01/25 Javascript
Vue2组件tree实现无限级树形菜单
2017/03/29 Javascript
[01:21]DOTA2 新英雄 森海飞霞
2020/12/18 DOTA
用Python的urllib库提交WEB表单
2009/02/24 Python
python将多个文本文件合并为一个文本的代码(便于搜索)
2011/03/13 Python
Python中list列表的一些进阶使用方法介绍
2015/08/15 Python
Python人工智能之路 jieba gensim 最好别分家之最简单的相似度实现
2019/08/13 Python
Python中的整除和取模实例
2020/06/03 Python
酒店管理专业学生求职信
2013/09/27 职场文书
会计岗位职责
2013/11/08 职场文书
十八大演讲稿
2014/05/22 职场文书
机电一体化应届生求职信
2014/08/09 职场文书
2015圣诞节贺卡寄语
2015/03/24 职场文书
2015政治思想表现评语
2015/03/25 职场文书
2015年仓管员工作总结
2015/04/21 职场文书
婚宴父亲致辞
2015/07/27 职场文书