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 动态改变图片大小
Jun 11 Javascript
手把手教你自己写一个js表单验证框架的方法
Sep 14 Javascript
javascript 判断中文字符长度的函数代码
Aug 27 Javascript
javascript相等运算符与等同运算符详细介绍
Nov 09 Javascript
通过JQuery将DIV的滚动条滚动到指定的位置方便自动定位
May 05 Javascript
javascript实现俄罗斯方块游戏的思路和方法
Apr 27 Javascript
Bootstrap3学习笔记(三)之表格
May 20 Javascript
Ext JS框架程序中阻止键盘触发回退或者刷新页面的代码分享
Jun 07 Javascript
javascript 的变量、作用域和内存问题
Apr 19 Javascript
jQuery插件select2利用ajax高效查询大数据列表(可搜索、可分页)
May 19 jQuery
vue 1.x 交互实现仿百度下拉列表示例
Oct 21 Javascript
vue2.0s中eventBus实现兄弟组件通信的示例代码
Oct 25 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
apache+php完美解决301重定向的两种方法
2011/06/08 PHP
php根据操作系统转换文件名大小写的方法
2014/02/24 PHP
简单谈谈PHP中的include、include_once、require以及require_once语句
2016/04/23 PHP
php设计模式之迭代器模式实例分析【星际争霸游戏案例】
2020/04/07 PHP
Jquery下的26个实用小技巧(jQuery tips, tricks &amp; solutions)
2010/03/01 Javascript
$.ajax返回的JSON无法执行success的解决方法
2011/09/09 Javascript
javascript管中窥豹 形参与实参浅析
2011/12/17 Javascript
jqTransform form表单美化插件使用方法
2012/07/05 Javascript
jQuery cdn使用介绍
2013/05/08 Javascript
可自己添加html的伪弹出框实现代码
2013/09/08 Javascript
js判断undefined类型,undefined,null, 的区别详细解析
2013/12/16 Javascript
JQuery实现超链接鼠标提示效果的方法
2015/06/10 Javascript
JS组件Bootstrap Table使用方法详解
2016/02/02 Javascript
AngularJS的脏检查深入分析
2017/04/22 Javascript
JS实现unicode和UTF-8之间的互相转换互转
2017/07/05 Javascript
让div运动起来 js实现缓动效果
2017/07/06 Javascript
基于cropper.js封装vue实现在线图片裁剪组件功能
2018/03/01 Javascript
浅析Vue 生命周期
2018/06/21 Javascript
JavaScript实现邮箱后缀提示功能的示例代码
2018/12/13 Javascript
微信小程序导航栏跟随滑动效果的实现代码
2019/05/14 Javascript
如何让Nodejs支持H5 History模式(connect-history-api-fallback源码分析)
2019/05/30 NodeJs
VUEX-action可以修改state吗
2019/11/19 Javascript
html2canvas属性和使用方法以及如何使用html2canvas将HTML内容写入Canvas生成图片
2020/01/12 Javascript
[01:36]DOTA2完美大师赛趣味视频之与队友相处的十万个技巧
2017/11/19 DOTA
Python中集合的内建函数和内建方法学习教程
2015/08/19 Python
python模块之re正则表达式详解
2017/02/03 Python
python和flask中返回JSON数据的方法
2018/03/26 Python
html5 worker 实例(一) 为什么测试不到效果
2013/06/24 HTML / CSS
波兰最早的运动鞋精品店之一:Street Supply
2019/08/29 全球购物
党员自我评价分享
2013/12/13 职场文书
动漫设计与制作专业推荐信
2014/07/07 职场文书
法人委托书的范本格式
2014/09/11 职场文书
律师授权委托书范本
2014/10/07 职场文书
四风之害观后感
2015/06/09 职场文书
整脏治乱工作简报
2015/07/21 职场文书
关于开学的感想
2015/08/10 职场文书