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去除字符串的空格增强版(可以去除中间的空格)
Aug 26 Javascript
基于jquery的滑动样例代码
Nov 20 Javascript
JS图片无缝滚动(简单利于使用)
Jun 17 Javascript
js调用后台、后台调用前台等方法总结
Apr 17 Javascript
angularjs的一些优化小技巧
Dec 06 Javascript
浅谈jQuery构造函数分析
May 11 Javascript
jQuery事件与动画基础详解
Feb 23 Javascript
JS表格组件神器bootstrap table使用指南详解
Apr 12 Javascript
JQuery 选择器、DOM节点操作练习实例
Sep 28 jQuery
BACKBONE.JS 简单入门范例
Oct 17 Javascript
webpack+vue-cil中proxyTable处理跨域的方法
Jul 20 Javascript
使用vue-router切换页面时实现设置过渡动画
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
基于mysql的论坛(2)
2006/10/09 PHP
PHP+MySQL实现消息队列的方法分析
2018/05/09 PHP
Laravel5.1 框架Middleware中间件基本用法实例分析
2020/01/04 PHP
ThinkPHP5.1验证码功能实现的示例代码
2020/06/08 PHP
在JavaScript中获取请求的URL参数
2010/12/22 Javascript
AeroWindow 基于JQuery的弹出窗口插件
2011/06/27 Javascript
jquery append 动态添加的元素事件on 不起作用的解决方案
2015/07/30 Javascript
JS判断输入字符串长度实例代码(汉字算两个字符,字母数字算一个)
2016/08/02 Javascript
BootStrap 动态添加验证项和取消验证项的实现方法
2016/09/28 Javascript
浅谈JS对html标签的属性的干预以及对CSS样式表属性的干预
2017/06/25 Javascript
AjaxUpLoad.js实现文件上传功能
2018/03/02 Javascript
js+canvas实现验证码功能
2020/09/21 Javascript
解决angular双向绑定无效果,ng-model不能正常显示的问题
2018/10/02 Javascript
详解如何使用nvm管理Node.js多版本
2019/05/06 Javascript
js逆向解密之网络爬虫
2019/05/30 Javascript
webpack5 联邦模块介绍详解
2020/07/08 Javascript
Jquery 获取相同NAME 或者id删除行操作
2020/08/24 jQuery
[51:05]DOTA2上海特级锦标赛主赛事日 - 5 败者组决赛Liquid VS EG第一局
2016/03/06 DOTA
Python列表list数组array用法实例解析
2014/10/28 Python
Python实现判断一个字符串是否包含子串的方法总结
2017/11/21 Python
Python中XlsxWriter模块简介与用法分析
2018/04/24 Python
推荐10款最受Python开发者欢迎的Python IDE
2018/09/16 Python
pygame游戏之旅 添加icon和bgm音效的方法
2018/11/21 Python
python基础知识(一)变量与简单数据类型详解
2019/04/17 Python
PyQtGraph在pyqt中的应用及安装过程
2019/08/04 Python
scrapy框架携带cookie访问淘宝购物车功能的实现代码
2020/07/07 Python
法国二手MacBook销售网站:Okamac
2019/03/18 全球购物
介绍一下Java的事务处理
2012/12/07 面试题
年终自我鉴定
2013/10/09 职场文书
报社实习生自荐信
2014/01/24 职场文书
简历里的自我评价
2014/01/31 职场文书
小学信息技术教学反思
2014/02/10 职场文书
国家机关领导干部民主生活会对照检查材料思想汇报
2014/09/17 职场文书
化妆品促销活动总结
2015/05/07 职场文书
JavaScript 对象创建的3种方法
2021/11/17 Javascript
Golang Web 框架Iris安装部署
2022/08/14 Python