当前位置: 首页 > 软件库 > jQuery 插件 > jQuery对话框 >

weebox

基于jquery的弹窗插件
授权协议 未知
开发语言 JavaScript
所属分类 jQuery 插件、 jQuery对话框
软件类型 开源软件
地区 不详
投 递 者 孟茂学
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

weebox是一个基于jquery的弹窗插件,一开始只是拿了一个 jQuery Modal Dialog 来用,但那位任兄写的支持太有限了,于是就着手修改代码,但改到后面,发现基本上看不到原来的代码了,只有css样式中几张背景图留下来了,我就改了个名字。


它含有以下特性:

.支持多层弹窗

.支持单一弹窗,即同ID弹窗在打开第二次使用时,前一个将被自动关闭,参考boxid选项

.支持自定义样式,参考boxclass选项

.解决IE中SELECT的问题,使用了bgiframe功能

.支持拖动效果,通过draggable设置,参考draggable选项

.支持内容来源方式Ajax, Selector(jQuery的), Text(直接内容)

.支持多种弹窗类型,参考type选项

.支持自动关闭,参考timeout选项

.支持遮照效果(modal弹窗),参考modal选项

.支持不同的显示位置,中间或者以某个元素为参照物,参考position选项

.支持弹窗打开前(onopen)、点确认(onok)、点取消(oncancel)、关闭窗口(onclose)等的回调函数

.支持打开后,重新设置标题(setTitle)、内容(setContent)、按钮等方法

.支持只在弹窗内查找元素的方法:find(selector)

.支持打开和关闭时的动画效果,参考animate、showAnimate,hideAnimate选项

  • weeboxs 基本属性总结 使用前需包含以下jquery.js、bgiframe.js、weebox.js、weebox.css文件   boxid: null, //设定了此值只后,以后在打开同样boxid的弹窗时,前一个将被自 动关闭 boxclass: null, //给弹窗设置其它的样式,用此可以改变弹窗的样式 type: 'dialog', //弹窗类型,目前有dialog,error

  • 1.引入文件:   使用前需包含以下jquery.js、bgiframe.js、weebox.js、wee.css文件 2.基本用法举例如下:  <script type="text/javascript"> $.weeboxs.open('#testbox', { title: 'hello world', width:400, height: 200 }); $.

  • 使用前需包含以下jquery.js、bgiframe.js、weebox.js、wee.css文件 基本用法举例如下: $.weeboxs.open('#testbox', {title: 'hello world',width: 400, height: 200}); $.weeboxs.open('The operation failed.',{ onopen:function(){alert

 相关资料
  • 主要内容:实例,实例,关闭弹窗,定位弹窗,实例,过渡,所有过渡效果实例,弹窗方向小边框,实例,弹窗对话框,实例,图片弹窗,实例,弹窗背景覆盖,实例,实例弹窗是一个非常流行的对话框,弹窗可以覆盖在页面上展示。 弹窗可用于显示一段文本,图片,地图或其他内容。 创建一个弹窗,需要使用 <a> 和 <div> 元素。在 <a> 元素上添加 data-rel="popup" 属性, <div> 元素添加 data-role="popup" 属性。 接着我们为 <div> 指定 id, 然后设置 <a> 的

  • 弹窗是一个非常流行的对话框,弹窗可以覆盖在页面上展示。 弹窗可用于显示一段文本,图片,地图或其他内容。 创建一个弹窗,需要使用 <a> 和 <div> 元素。在 <a> 元素上添加 data-rel="popup" 属性, <div> 元素添加 data-role="popup" 属性。 接着我们为 <div> 指定 id, 然后设置 <a> 的 href 值为 <div> 指定的 id。 <di

  • 本文向大家介绍基于bootstrap风格的弹框插件,包括了基于bootstrap风格的弹框插件的使用技巧和注意事项,需要的朋友参考一下 自己写的一款基于bootstrap风格的弹框插件,暂时只有确认框、提示框。后续功能扩展、bug修改再更新。 html页面中调用: 感觉写的不是很好,后面修改了或者扩展了功能再更新。源码会上传到文件。 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多

  • 本文向大家介绍基于jQuery实现弹幕APP,包括了基于jQuery实现弹幕APP的使用技巧和注意事项,需要的朋友参考一下 今天闲着无聊,写了个弹幕APP,主要实现以下几个功能: 1.点击“弹幕发射”或回车可以输出弹幕到弹幕墙上。 2.弹幕的运行轨迹是从弹幕墙的最右边到最左边,Y轴的数值在弹幕墙的高度内随机,颜色HEX随机,速度随机。 3.右侧的表格可以储存弹幕内容以及弹幕的发射时间,越靠近现在的

  • 本文向大家介绍基于Layer+jQuery的自定义弹框,包括了基于Layer+jQuery的自定义弹框的使用技巧和注意事项,需要的朋友参考一下 目的:XXXX项目中,很多的弹窗是利用freemarker的网页标签追加的形式实现的,网页弹框只是将隐藏的div显示出来,这样会使网页在预加载时速度变慢,增加页面加载和响应时间 解决方法如下:<已分中心管理的添加分中心弹框实现机制为例> 1.弹框页面部分的

  • 本文向大家介绍基于jquery实现弹幕效果,包括了基于jquery实现弹幕效果的使用技巧和注意事项,需要的朋友参考一下 用jquery写的一个弹幕,供大家参考,具体内容如下 效果图: 源码: 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。