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,如需转载请自行联系原博主。

目录
相关文章
|
1月前
|
JavaScript
jQuery 树型菜单插件(Treeview)
jQuery 树型菜单插件(Treeview)
59 2
|
12天前
|
JavaScript 前端开发
javascript开发的简单的弹幕插件
这是一个原生javascript开发的简单的弹幕插件,具有美观、易用,占用的资源较低等特点,可以给弹幕设置内容、颜色、头像、链接地址等属性,鼠标悬停等,简单实用,欢迎下载!
32 5
|
1月前
|
JavaScript 前端开发
jQuery Growl 插件(消息提醒)
jQuery Growl 插件(消息提醒)
44 4
jQuery Growl 插件(消息提醒)
|
1月前
|
存储 JSON JavaScript
jQuery Cookie 插件
jQuery Cookie 插件
40 4
jQuery Cookie 插件
|
27天前
|
JavaScript 前端开发 开发者
jQuery:JavaScript库的瑰宝
jQuery:JavaScript库的瑰宝
39 3
|
12天前
|
JavaScript 定位技术
jQuery鹰眼视图小地图定位预览插件minimap.js
这是一个jQuery小地图定位预览视图,默认左侧是页面主要内容,minimap.js的好处就是在它的右侧形成一个快速定位通道,产生一个缩小版的页面,即预览效果,可以点击并快速定位到页面的某个位置。简单实用,欢迎下载!
27 0
|
23天前
|
存储 JSON JavaScript
Vue.js开发中基于localStorage与sessionStorage的本地存储利器:Vue-ls插件使用详解
Vue.js开发中基于localStorage与sessionStorage的本地存储利器:Vue-ls插件使用详解
38 0
|
24天前
|
JavaScript 前端开发 API
深入了解jQuery:快速、高效的JavaScript库
【10月更文挑战第11天深入了解jQuery:快速、高效的JavaScript库
9 0
|
1月前
|
JavaScript 前端开发
JavaScript - 测试 jQuery
JavaScript - 测试 jQuery
10 0
|
1月前
|
JavaScript 前端开发
JavaScript三级联动jQuery写法
JavaScript三级联动jQuery写法