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写的一个弹幕,供大家参考,具体内容如下 效果图: 源码: 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。