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 mobile changepage的三种传参方法介绍
Sep 13 Javascript
js 去除字符串第一位逗号的方法
Jun 07 Javascript
深入理解Angularjs中的$resource服务
Dec 31 Javascript
ES6学习笔记之Set和Map数据结构详解
Apr 07 Javascript
详解node HTTP请求客户端 - Request
May 05 Javascript
vue webpack打包优化操作技巧
Feb 22 Javascript
JavaScript 中定义函数用 var foo = function () {} 和 function foo()区别介绍
Mar 01 Javascript
浅谈微信JS-SDK 微信分享接口开发(介绍版)
Aug 15 Javascript
jQuery实现滑动星星评分效果(每日分享)
Nov 13 jQuery
vue分页插件的使用方法
Dec 25 Javascript
使用vue引入maptalks地图及聚合效果的实现
Aug 10 Javascript
浅谈vue项目,访问路径#号的问题
Aug 14 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中jpgraph类库的使用介绍
2013/08/08 PHP
php缓冲 output_buffering和ob_start使用介绍
2014/01/30 PHP
PHP常用字符串操作函数实例总结(trim、nl2br、addcslashes、uudecode、md5等)
2016/01/09 PHP
Symfony查询方法实例小结
2017/06/28 PHP
PHP微信公众号开发之微信红包实现方法分析
2017/07/14 PHP
PHP INT类型在内存中占字节详解
2019/07/20 PHP
JavaScript面象对象设计
2008/04/28 Javascript
javascript 鼠标滚轮事件
2009/04/09 Javascript
Javascript学习笔记之函数篇(五) : 构造函数
2014/11/23 Javascript
用js读、写、删除Cookie代码续篇
2014/12/03 Javascript
基于豆瓣API+Angular开发的web App
2015/01/02 Javascript
jQuery+ajax实现实用的点赞插件代码
2016/07/06 Javascript
AngularJs html compiler详解及示例代码
2016/09/01 Javascript
AngularJs Understanding the Controller Component
2016/09/02 Javascript
微信小程序 向左滑动删除功能的实现
2017/03/10 Javascript
vue使用drag与drop实现拖拽的示例代码
2017/09/07 Javascript
使用vue-infinite-scroll实现无限滚动效果
2018/06/22 Javascript
javaScript实现一个队列的方法
2020/07/14 Javascript
基于Vue全局组件与局部组件的区别说明
2020/08/11 Javascript
Python入门及进阶笔记 Python 内置函数小结
2014/08/09 Python
Python 抓取动态网页内容方案详解
2014/12/25 Python
Python遍历目录中的所有文件的方法
2016/07/08 Python
如何以Winsows Service方式运行JupyterLab
2020/08/30 Python
用 Django 开发一个 Python Web API的方法步骤
2020/12/03 Python
CSS3中使用RGBA设置透明度的示例
2015/08/04 HTML / CSS
艺术设计专业个人求职信
2013/09/21 职场文书
汽车技术服务与营销专业在籍生自荐信
2013/09/28 职场文书
成教毕业生自我鉴定
2013/10/23 职场文书
装潢设计专业推荐信模板
2013/11/26 职场文书
党员群众路线承诺书
2014/05/20 职场文书
三严三实对照检查材料
2014/08/25 职场文书
学雷锋献爱心倡议书
2015/04/27 职场文书
2016年大学生暑假爱心支教活动策划书
2015/11/26 职场文书
pytorch中F.avg_pool1d()和F.avg_pool2d()的使用操作
2021/05/22 Python
如何用vue实现网页截图你知道吗
2021/11/17 Vue.js
JavaScript执行机制详细介绍
2021/12/06 Javascript