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 相关文章推荐
JavaScript 内置对象属性及方法集合
Jul 04 Javascript
js判断样式className同时增加class或删除class
Jan 30 Javascript
jquery实现显示已选用户
Jul 21 Javascript
JavaScript创建一个object对象并操作对象属性的用法
Mar 23 Javascript
每天一篇javascript学习小结(String对象)
Nov 18 Javascript
AngularJS控制器controller正确的通信的方法
Jan 25 Javascript
jquery获取form表单input元素值的简单实例
May 30 Javascript
总结十个Angular.js由浅入深的面试问题
Aug 26 Javascript
JavaScript中子对象访问父对象的方式详解
Sep 01 Javascript
提高Web性能的前端优化技巧总结
Feb 27 Javascript
详解如何将angular-ui的图片轮播组件封装成一个指令
May 09 Javascript
如何在vue 中使用柱状图 并自修改配置
Jan 21 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之第五天
2006/10/09 PHP
PHP的password_hash()使用实例
2014/03/17 PHP
PHP 闭包详解及实例代码
2016/09/28 PHP
Laravel Validator 实现两个或多个字段联合索引唯一
2019/05/08 PHP
利用javascript的面向对象的特性实现限制试用期
2011/08/04 Javascript
jquery ajax的success回调函数中实现按钮置灰倒计时
2013/11/19 Javascript
JavaScript通过元素的ID和name设置样式
2014/07/08 Javascript
JS处理json日期格式化问题
2015/10/01 Javascript
jQuery 如何实现一个滑动按钮开关
2016/12/01 Javascript
Vue之mixin全局的用法详解
2018/08/22 Javascript
浅谈vuex actions和mutation的异曲同工
2018/12/13 Javascript
了解JavaScript函数中的默认参数
2019/05/30 Javascript
ES6的异步操作之promise用法和async函数的具体使用
2019/12/06 Javascript
Vue组件基础用法详解
2020/02/05 Javascript
JavaScript ES6 Class类实现原理详解
2020/05/08 Javascript
基于element-ui封装可搜索的懒加载tree组件的实现
2020/05/22 Javascript
[04:02]2014DOTA2国际邀请赛 BBC每日综述中国战队将再度登顶
2014/07/21 DOTA
[54:41]2018DOTA2亚洲邀请赛3月30日 小组赛B组 VGJ.T VS paiN
2018/03/31 DOTA
python以环状形式组合排列图片并输出的方法
2015/03/17 Python
Python使用poplib模块和smtplib模块收发电子邮件的教程
2016/07/02 Python
对python 合并 累加两个dict的实例详解
2019/01/21 Python
python查询文件夹下excel的sheet名代码实例
2019/04/02 Python
详解使用Python下载文件的几种方法
2019/10/13 Python
python文字转语音实现过程解析
2019/11/12 Python
django自定义模板标签过程解析
2019/12/14 Python
python使用自定义钉钉机器人的示例代码
2020/06/24 Python
python speech模块的使用方法
2020/09/09 Python
html5 canvas实现圆形时钟代码分享
2013/12/25 HTML / CSS
html5菜单折纸效果
2014/04/22 HTML / CSS
编写函数,将一个3*3矩阵转置
2013/10/09 面试题
《她是我的朋友》教学反思
2014/04/26 职场文书
大三学习计划书范文
2014/05/02 职场文书
三八妇女节演讲稿
2014/05/27 职场文书
2014老师三严三实对照检查材料思想汇报
2014/09/18 职场文书
2015年个人工作总结报告
2015/04/25 职场文书
Go 内联优化让程序员爱不释手
2022/06/21 Golang