前两天项目中需要使用多级弹出层,在网上没找到合适的,就自己写了一个。遮罩层使用的iframe,可以支持ie6下遮罩下拉列表。多级弹出层的时候,只使用一个遮罩层,提高效率。
使用说明:
$.popdiv.init 出始化popdivSetting对象设置,包括弹出div的基础id,最多弹出多少层div,弹出div的基础zindex,遮罩层透明度设置
$.popdiv.show({title:'',divid:'',html:'',showclose:true,callback:function(){alert('1')}}); 弹出一个新的div,title是弹出层的标题,divid使用div方式指定弹出层的内容,html使用html文本指定弹出层内容,showclose是否显示关闭层按钮,callback点关闭层按钮按钮时的回调方法
$.popdiv.close(); 关闭当前活动的div
$.popdiv.showiframe(title:'',src:'',width:'300px',height:'300px') 弹出一个内嵌iframe的div,在iframe中加载网站路径
$.popdiv.alert({ title: '提示框', message: 'as', callback: function () { alert('1') } });
$.popdiv.confirm({ title: '确认框', message: 'as', callback: function (e) { alert(e) } });
发上来大家分享一下
分享到:
相关推荐
《jQuery超大众化登录弹层插件详解及应用》 在网页开发中,用户界面的交互体验至关重要,其中登录和注册功能是每个网站都必不可少的部分。为了提升用户体验,开发者经常采用弹层效果来呈现这些功能,使其不打断用户...
本篇文章将深入探讨“jQuery多级菜单插件”的使用,包括其基本原理、功能特性以及如何在项目中应用。 jQuery多级菜单插件主要用于创建交互性强、层次分明的导航菜单。这种插件通常具有响应式设计,能在不同设备上...
jQuery多级联动插件在网页开发中经常被用于创建层级结构的数据展示,如导航菜单、地区选择、组织架构等。tntreebox是一款基于jQuery的高效、轻量级的多级联动插件,它能够帮助开发者轻松实现这种交互效果。在本教程...
在这个“jquery插件——多级菜单”项目中,我们可能看到以下关键技术点: 1. **CSS样式和布局**:多级菜单的呈现通常依赖于CSS来实现层次感。通过设置适当的`display`属性(如`none`和`block`),我们可以控制菜单...
jQuery多级联动下拉框插件是一种常用的前端交互组件,主要应用于网页表单设计中,以实现级联选择的效果。这种插件可以帮助用户在多个下拉框之间建立关联,当用户在一级下拉框中选择一个选项时,二级下拉框会自动更新...
《使用jQuery实现弹层随页面滚动的技巧》 在网页设计中,弹层(popup layer)是一种常见的交互元素,用于显示重要信息或者进行用户交互。然而,如何让弹层始终保持在屏幕中间,无论用户滚动页面到何处,这是一个...
本项目聚焦于一个基于jQuery的下拉多级树选择插件,该插件具备左右移动功能和模糊搜索特性,极大地提高了用户在下拉列表中的操作效率。 首先,我们来深入理解这个插件的核心特点: 1. **多级树结构**:此插件能够...
6. **使用插件**:虽然可以通过纯jQuery实现基本的多级下拉菜单,但若需要更复杂的功能,如异步加载子节点、搜索功能等,可以考虑使用专门的jQuery树状菜单插件。如`jQuery UI Treeview`或`jstree`。这些插件提供了...
移动优先的jQuery多级导航菜单插件是一种针对现代网页设计趋势而开发的工具,它将重点放在优化移动设备用户体验上。随着智能手机和平板电脑的普及,网页设计必须考虑到各种屏幕尺寸和触摸操作,这就需要使用响应式...
本教程将详细讲解如何使用 jQuery 实现一个弹层登录界面,该界面将在用户点击登录按钮时以弹出层的形式出现,不影响页面主体内容的展示。 首先,我们需要在 HTML 文件(如 `demo.html`)中创建基本的结构。弹层登录...
jquery图片弹出框插件 jquery图片排序过滤 jquery图片放大 jquery图片滑动效果 jquery城市二级联动 jquery多值输入插件 jquery多级菜单导航 jquery大转盘game jquery实现网易邮箱首页插件 jquery导航,缓慢弹出下拉...
这个名为"jQuery多级下拉菜单支持多级下拉列表菜单"的资源,就是专门为商城网站或企业网站设计的一种实现方式。 jQuery多级下拉菜单的核心在于利用CSS样式定义菜单结构,然后通过jQuery的事件监听和DOM操作来控制...
对于“通用的iframe弹层插件”,我们可以理解为一个基于jQuery的插件,它能够在网页上弹出一个包含iframe的层,用于展示外部网页内容或者进行跨域数据交互。 Iframe,全称Inline Frame,是HTML中的一个元素,允许...
常用jQuery代码 jQuery 插件 jQuery菜单 jQuery焦点轮播 jQuery弹层代码 焦点轮播 tab标签切换代码 jQ图片浏览 说明:压缩包分为jQuery code 1,2,3三卷。 本压缩包为卷jQuery code 2
插件描述:bootstrap-treeview是一款效果非常酷的基于bootstrap的jQuery多级列表树插件。该jQuery插件基于Twitter Bootstrap,以简单和优雅的方式来显示一些继承树结构,如视图树、列表树等等。演示地址:...
总的来说,"基于bootstrap的jQuery多级列表树插件"是一个强大且灵活的工具,它可以帮助前端开发者快速构建出功能丰富的树形菜单,提升用户体验,同时减轻开发工作量。通过理解和熟练运用这个插件,可以更有效地在...
"基于Bootstrap的jQuery多级列表树插件"是专门为实现层次结构数据展示而设计的工具。在Web应用中,这种插件通常用于展示文件系统、组织架构、分类目录等具有层级关系的数据。它们使用户能够以可折叠和展开的形式查看...
本资源"jQuery滑动侧边栏实现多级菜单插件jSide.zip"提供了使用jQuery创建动态、交互式侧边栏菜单的解决方案。以下是关于这个插件及其使用的一些关键知识点: 1. **jQuery库**: jQuery 是一个轻量级的JavaScript库...