jbox弹窗_强大的jquery弹出层插件jBox

jBox是一款功能强大的jquery弹出层插件。jBox插件可以用来创建tooltips提示框、模态窗口、图片画廊等多种效果。

使用方法

在页面中引入jBox.all.min.css、jquery和jBox.all.min.js文件。

创建Tooltips

HTML结构如下。

Hover me!

初始化插件：

new jBox('Tooltip', {

attach: '.tooltip'

});

创建模态窗口

HTML结构如下。

Click me to open a modal window!

初始化插件：

new jBox('Modal', {

width: 300,

height: 100,

attach: '#myModal',

title: 'My Modal Window',

content: 'Hello there!'

});

创建确认窗口

HTML结构如下。

Click me!

初始化插件：

new jBox('Confirm', {

confirmButton: 'Do it!',

cancelButton: 'Nope'

});

创建消息通知

初始化插件：

new jBox('Notice', {

content: 'Hurray! A notice!',

color: 'blue'

});

jbox弹窗_强大的jquery弹出层插件jBox相关推荐

Jquery弹出层插件ThickBox的使用方法
这篇文章主要介绍了Jquery弹出层插件ThickBox的使用方法,需要的朋友可以参考下 thickbox是jQuery的一个插件,其作用是弹出对话框.网页框,使用户体验度更加愉悦,下面就来简单介绍它 ...
html 弹出层插件,jQuery弹出层插件(原创)
插件描述:简约的jQuery弹出层插件更新时间:2020-01-17 23:37:28 更新说明:版本v4.3.0 1.修复最大化可拖动.改变大小的问题 2.去除对于图片的依赖 3.更新拖动插件 4 ...
layer——极简的jquery弹出层插件
官网:http://layer.layui.com/ 作者:贤心 jquery layer是layUI库的成员,一直致力于为web开发提供动力. jquery layer弹出层插件支持单击弹出,自动 ...
jquery 弹出层插件
最近在研究弹出层插件时发现网上很多插件功能很强大,同时插件也很庞大.在这里个人写了一个比较秀珍的弹出层插件. jquery.popdialog.js $(function () {$.fn.PopDi ...
Lightbox弹出层插件：jQuery弹出层插件用法
插件描述:这款lightbox,可应用于图片.swf文件.html文件等等. Lightbox弹出层插件说明文档 : 1.引入资源,(JQ1.3+)和JS文件: <script type=& ...
[置顶] 推荐一款好用的jquery弹出层插件——wbox
在我们做项目的过程中难免会让弹出层来展示一些信息,这里推荐一款比较不错的jquery插件,下面说一下特点和新版本增加的功能 wBox特点背景透明度可以根据实际情况进行调节可以根据需要添加wBox标 ...
推荐一款好用的jquery弹出层插件——wbox
阅读原文:http://www.xuejiehome.com/blread-1621.html 在我们做项目的过程中难免会让弹出层来展示一些信息,这里推荐一款比较不错的jquery插件,下面说一下特点 ...
Jquery弹出层插件，非常好用绚丽Lee dialog 1.0
标题弹出层的html如下: <div id="floatBoxBg"></div> <div id="floatBox" cla ...
Jquery弹出层插件Thickbox使用心得
前段时间在建设银行项目上用EXT完整做了个单页系统,太赶了,没有记录下任何东西,现在都忘了,怪可惜的.这次项目用JQuery做js的东西.主要用了个弹出层控件thickbox,自己也扩展和修改了一下. ...

jbox弹窗_强大的jquery弹出层插件jBox

jbox弹窗_强大的jquery弹出层插件jBox相关推荐

最新文章

热门文章