jQuery.AysncBox(异步盒子)是一款基于 jQuery 的弹窗插件。能够实现网站的整体风格效果,给用户一个新的视觉享受。主要模拟常用的 alert、confirm、prompt、open 和扩展了一些对话框。它通过回调函数触发事件动作并执行,使操作区域更加明了、统一。而且能够在主流浏览器中灵活运用。
最近在一个很久之前的项目上添加新的内容,项目原负责人在项目中使用了jquery和asyncbox这个插件。而新的需求需要使用到一个带有输入框的弹窗。为了项目的一致性,也为了减少兼容的调试工作量,决定继续使用asyncbox。 遇到的问题一:asyncbox1.4.5版本和1.5beta版本是存在一些不同之处。比如:与1.4.5版本不同,在1.5版本中,将open方法中的html单独分离出来,作为一
http://example.w3cworld.com/html-page/asyncbox/asyncbox_demo.html AsyncBox是一款比较好用的JS弹窗插件,虽然目前官网已经宣布重构改善,但在快速和不复杂的开发中,还是一款比较好用的插件。 AsyncBox(异步盒子)是基于 jQuery 的弹窗插件。能够实现网站的整体风格效果,给用户一个新的视觉享受。主要模拟常用的 alert
1、弹出页中再次弹出窗口,比如alert. parent.alert('Hello AsyncBox !','New Title'); 或者 parent.alert('Hello AsyncBox !','New Title',function(action){ //alert 返回两个 action 值,分别是 'ok' 和 'close'。 if(action == 'ok'){
调用格式:asyncBox.open(options);其中options如下: 1.id(String):窗口的标识。如果不写,则为自动标识。如果外围获取不到时就要设置ID了。 2.logo(String):窗口左上角的小图标。 ☆☆☆3.url(String):发送的地址。和html选项互斥。 ☆☆☆4.data【依赖于url】(String,Object):发送到url的数据。包括两种写法:
窗口名: 【页面内容框】 函数调用: 【命名空间】asyncbox.open( options, [window] ); 参数配置: --------------------------标识-------------------------- - id [可选] (String) └ 窗口 ID。 └ 设置后可防止重复弹出。如不设,为自动标识。获取不到时需设置指定 ID,用 async
说明: 影响 AsyncBox 的全局配置。 AsyncBox.js 中的全局配置: //注意逗号 window.asyncbox = { //动画效果 Flash : true, //遮挡 select (ie6) inFrame : true, //初始索引值 zIndex : 1987, //自适应最小宽度
AsyncBox体验 AsyncBox体验 : http://asyncui.com/demo.html 转载于:https://www.cnblogs.com/chjun2000/archive/2012/03/23/2414048.html
AsyncBox(异步盒子)是一款基于 jQuery 的弹窗插件。能够实现网站的整体风格效果,给用户一个新的视觉享受。主要模拟常用的 alert、confirm、prompt、open 和扩展了一些对话框。它通过回调函数触发事件动作并执行,使操作区域更加明了、统一。而且能够在主流浏览器中灵活运用。 介绍及下载地址 http://www.nnhuashi.com/asyncbox/index.ht
文字提示(带标题) <div class="ui-dialog show"> <div class="ui-dialog-cnt"> <div class="ui-dialog-bd"> <h3>下线通知</h3> <p>你的账号于17:00在一台Android手机登录。如非本人操作,密码可能已泄露,建议立即冻结账号。
说明 调用方法: $.f2e.util.dialog.open(options) //创建弹窗 $.f2e.util.dialog.close() //关闭弹窗 函数说明: 弹窗 参数说明: 参数名 类型 说明 备注 width int 宽度 无 height int 高度 无 mask boolean 是否显示蒙层 默认 true close boolean 是否显示关闭按钮 默认 true
本文向大家介绍layer弹窗插件操作方法详解,包括了layer弹窗插件操作方法详解的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了layer弹窗插件操作方法。分享给大家供大家参考,具体如下: 1、首先去http://layer.layui.com/下载插件 2、在网站上有演示说明 3、操作方法如何 手机弹窗效果 更多弹效果 特别说明:事件需自己绑定,以下只展现调用代码。 更多关于JavaS
main.js import Vue from "vue"; import { Dialog } from "feui"; window.Dialog = Dialog; 代码演示 消息提示 Dialog.alert({ title: title, skin: skin, message: "弹窗内容", confirmButtonText: "确实" }).th
主要内容:实例,实例,关闭弹窗,定位弹窗,实例,过渡,所有过渡效果实例,弹窗方向小边框,实例,弹窗对话框,实例,图片弹窗,实例,弹窗背景覆盖,实例,实例弹窗是一个非常流行的对话框,弹窗可以覆盖在页面上展示。 弹窗可用于显示一段文本,图片,地图或其他内容。 创建一个弹窗,需要使用 <a> 和 <div> 元素。在 <a> 元素上添加 data-rel="popup" 属性, <div> 元素添加 data-role="popup" 属性。 接着我们为 <div> 指定 id, 然后设置 <a> 的
继承自 NativeObject 所有弹出式UI元素(pop-ups)的基类。弹出式UI元素比所有其他UI的层级都高,但不属于控件。某些弹出式UI只能弹出一次。 通过 “const {Popup} = require('tabris');” 引入该类 方法 close() 返回值: this 隐藏弹出窗。 open() 返回值: this 显示弹出窗。
弹窗是一个非常流行的对话框,弹窗可以覆盖在页面上展示。 弹窗可用于显示一段文本,图片,地图或其他内容。 创建一个弹窗,需要使用 <a> 和 <div> 元素。在 <a> 元素上添加 data-rel="popup" 属性, <div> 元素添加 data-role="popup" 属性。 接着我们为 <div> 指定 id, 然后设置 <a> 的 href 值为 <div> 指定的 id。 <di
说明 调用方法1: $.f2eAct.video(options); 函数说明: 视频弹窗 参数说明: 参数名 类型 说明 备注 width int 视频宽度 必要 height int 视频高度 必要 url string 视频地址 必要 类绑定 <html> <div class="f2e-act-video" data-width="500" data-height="400"