Js~弹出框插件jquery.boxy

当你需要使用弹出框时，当然可以使用jquery-ui,artdiag,blockUI等等，但今天我介绍一个轻量级的插件 boxy!它可以把美工设计的弹出框很容易的体现出来，而且兼容性还不错！

国外参考：http://onehackoranother.com/projects/jquery/boxy/

 1 <script type='text/javascript'>
 2 $(function() {
 3   $('#ask-actuator').click(function() {
 4     Boxy.ask("How are you feeling?", ["Great", "OK", "Not so good"], function(val) {
 5       alert("You chose: " + val);
 6     }, {title: "This is a question..."});
 7     return false;
 8   });
 9   $('#alert-actuator').click(function() {
10     Boxy.alert("File not found", null, {title: 'Message'});
11     return false;
12   });
13   $('#confirm-actuator').click(function() {
14     Boxy.confirm("Please confirm:", function() { alert('Confirmed!'); }, {title: 'Message'});
15     return false;
16   });
17 });
18 </script>

你可以根据你的需要，把内容的ID替换到Boxy(content)中的content位置，方便之极。

本文转自博客园张占岭（仓储大叔）的博客，原文链接：Js~弹出框插件jquery.boxy，如需转载请自行联系原博主。

Js~弹出框插件jquery.boxy相关推荐

jquery 左右移动以及使用layer.js弹出框呈现在页面上
今天写了一个左右移动但是发现自己写的css效果一直都加不上去,不管了,还是先上自己有问题的代码,毕竟在失败中发现问题也是一种成长么. 好吧,其实我们都知道在列表有边框里,它的值来源于左边框,那么如果 ...
js弹出框，点击切换事件，jQuery改变一部分css样式
文章目录 js,声明变量注意点 js弹出框 js.flag=0的使用 js,隐藏样式 jquery改变css样式 js,声明变量注意点 <script>// 声明多个变量 var age= ...
弹出框插件layer使用
layer是一款近年来备受青睐的web弹层组件,她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验. 插件官方地址:http://layer.layui.co ...
messagrbox自定义按钮c语言,基于dialogbox修改可自定义按钮及事件的弹出框插件
插件描述:基于dialogbox1.0修改可自定义按钮及事件的弹出框插件,每个按钮可绑定单独的触发事件,并且能支持将弹出框作为一个表单来填入数据并获取 $('body').dialogbox({ ty ...
simpleAlert.js弹出对话框插件
下载地址 simpleAlert.js是一款弹出对话框插件,实用的alert弹出框插件. dd:
js 弹出框背景不滑动方案
这是一个系列,记录我前端开发常用的代码,小常识,有些是参考网上代码,(讲的可能有点烂,求不要打脸,嘤嘤嘤~~)送给那些需要的人.可以相互交流,喜欢的加我吧. Wx: Lxp911221 js 弹出框 ...
php点击文字弹出js提示框,js弹出框、对话框、提示框、弹窗实现方法总结(推荐)...
一.JS的三种最常见的对话框 //====================== JS最常用三种弹出对话框 ======================== //弹出对话框并输出一段提示信息 funct ...
html登入弹框插件,基于jQuery的弹出框插件
html如下: $(function() { $("#btn01").popwin({ element: "#box01", title: "请填写以 ...
jtable.js 弹出框自适应高度
小编最近遇到一个问题,久久不得其解,jtable.js中的弹出框如何自定义它的高呢?巧遇公司老员工,解决,这过程也让我得到了不少的心得,先告诉你们代码吧方法就是改变jtable.js的源码 1.在j ...
html 弹出层插件,jQuery弹出层插件(原创)
插件描述:简约的jQuery弹出层插件更新时间:2020-01-17 23:37:28 更新说明:版本v4.3.0 1.修复最大化可拖动.改变大小的问题 2.去除对于图片的依赖 3.更新拖动插件 4 ...

Js~弹出框插件jquery.boxy

Js~弹出框插件jquery.boxy相关推荐

最新文章

热门文章