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 相关文章推荐
apycom出品的jQuery精美菜单破解方法
Feb 18 Javascript
25个优雅的jQuery Tooltip插件推荐
May 25 Javascript
ajax 同步请求和异步请求的差异分析
Jul 04 Javascript
jQuery Deferred和Promise创建响应式应用程序详细介绍
Mar 05 Javascript
Node.js模拟浏览器文件上传示例
Mar 26 Javascript
Jquery 监视按键,按下回车键触发某方法的实现代码
May 11 Javascript
学好js,这些js函数概念一定要知道【推荐】
Jan 19 Javascript
js 实现省市区三级联动菜单效果
Feb 20 Javascript
微信小程序实现image组件图片自适应宽度比例显示的方法
Jan 16 Javascript
layui 数据表格 点击分页按钮 监听事件的实例
Sep 02 Javascript
layui prompt 设置允许空白提交的方法
Sep 24 Javascript
vue完美实现el-table列宽自适应
May 08 Vue.js
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中iconv函数使用方法
2008/05/24 PHP
php 分页函数multi() discuz
2009/06/21 PHP
php通过rmdir删除目录的简单用法
2015/03/18 PHP
thinkPHP实现MemCache分布式缓存功能
2016/03/23 PHP
php将从数据库中获得的数据转换成json格式并输出的方法
2018/08/21 PHP
实现PHP中session存储及删除变量
2018/10/15 PHP
JS 容错处理代码, 屏蔽错误信息
2021/03/09 Javascript
IE和Mozilla的兼容性汇总event
2007/08/12 Javascript
使用jQuery向asp.net Mvc传递复杂json数据-ModelBinder篇
2010/05/07 Javascript
加载jQuery后$冲突的解决办法
2010/07/09 Javascript
js设置function参数默认值(适合没有传参情况)
2014/02/24 Javascript
查找页面中所有类为test的结点的方法
2014/03/28 Javascript
JavaScript更改字符串的大小写
2015/05/07 Javascript
分享十五款 jQuery 社交网络分享插件
2015/05/16 Javascript
JavaScript实现显示函数调用堆栈的方法
2016/04/21 Javascript
jquery实现上传文件大小类型的验证例子(推荐)
2016/06/25 Javascript
JS函数修改html的元素内容,及修改属性内容的方法
2016/10/28 Javascript
Html中 IFrame的用法及注意点
2016/12/22 Javascript
详解vue-router 2.0 常用基础知识点之router-link
2017/05/10 Javascript
js canvas实现5张图片合成一张图片
2019/07/15 Javascript
TypeScript 引用资源文件后提示找不到的异常处理技巧
2020/07/15 Javascript
[11:44]Ti9 OG夺冠时刻
2019/08/25 DOTA
python抓取网页内容示例分享
2014/02/24 Python
python实现文件快照加密保护的方法
2015/06/30 Python
Python利用ORM控制MongoDB(MongoEngine)的步骤全纪录
2018/09/13 Python
Python求两点之间的直线距离(2种实现方法)
2019/07/07 Python
python实现登录密码重置简易操作代码
2019/08/14 Python
python opencv实现简易画图板
2020/08/27 Python
python 高阶函数简单介绍
2021/02/19 Python
美国销售第一的智能手机和平板电脑保护壳:OtterBox
2017/12/21 全球购物
英国电视和家用电器购物网站:rlrdistribution.co.uk
2018/11/20 全球购物
德国、奥地利和瑞士最大的旅行和度假门户网站:HolidayCheck
2019/11/14 全球购物
医学专业职业生涯规划范文
2014/02/05 职场文书
小学校长汇报材料
2014/08/20 职场文书
公司借款担保书
2015/09/22 职场文书
Spring Boot 启动、停止、重启、状态脚本
2021/06/26 Java/Android