`
wangfu_02
  • 浏览: 71642 次
社区版块
存档分类
最新评论

jquery多级弹层出插件

    博客分类:
  • js
阅读更多
前两天项目中需要使用多级弹出层,在网上没找到合适的,就自己写了一个。遮罩层使用的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插件——多级菜单”项目中,我们可能看到以下关键技术点: 1. **CSS样式和布局**:多级菜单的呈现通常依赖于CSS来实现层次感。通过设置适当的`display`属性(如`none`和`block`),我们可以控制菜单...

    Jquery多级菜单插件

    本篇文章将深入探讨“jQuery多级菜单插件”的使用,包括其基本原理、功能特性以及如何在项目中应用。 jQuery多级菜单插件主要用于创建交互性强、层次分明的导航菜单。这种插件通常具有响应式设计,能在不同设备上...

    jQuery多级联动插件 tntreebox插件支持多级联动

    jQuery多级联动插件在网页开发中经常被用于创建层级结构的数据展示,如导航菜单、地区选择、组织架构等。tntreebox是一款基于jQuery的高效、轻量级的多级联动插件,它能够帮助开发者轻松实现这种交互效果。在本教程...

    jQuery多级联动下拉框插件

    jQuery多级联动下拉框插件是一种常用的前端交互组件,主要应用于网页表单设计中,以实现级联选择的效果。这种插件可以帮助用户在多个下拉框之间建立关联,当用户在一级下拉框中选择一个选项时,二级下拉框会自动更新...

    district是一款jQuery多级下拉菜单联动插件

    district是一款专为jQuery设计的多级下拉菜单联动插件,它旨在简化在网页中创建交互式、层次化的菜单系统。这款插件的核心功能在于实现省市县等多级选择的联动效果,允许用户根据需要进行定制,以适应各种项目的需求...

    jquery控制弹层随页面滚动.zip

    《使用jQuery实现弹层随页面滚动的技巧》 在网页设计中,弹层(popup layer)是一种常见的交互元素,用于显示重要信息或者进行用户交互。然而,如何让弹层始终保持在屏幕中间,无论用户滚动页面到何处,这是一个...

    jquery下拉多级树选择插件(支持左右移动,以及模糊搜索功能).zip

    本项目聚焦于一个基于jQuery的下拉多级树选择插件,该插件具备左右移动功能和模糊搜索特性,极大地提高了用户在下拉列表中的操作效率。 首先,我们来深入理解这个插件的核心特点: 1. **多级树结构**:此插件能够...

    jQuery多级下拉树状菜单

    6. **使用插件**:虽然可以通过纯jQuery实现基本的多级下拉菜单,但若需要更复杂的功能,如异步加载子节点、搜索功能等,可以考虑使用专门的jQuery树状菜单插件。如`jQuery UI Treeview`或`jstree`。这些插件提供了...

    移动优先的jquery多级导航菜单插件

    移动优先的jQuery多级导航菜单插件是一种针对现代网页设计趋势而开发的工具,它将重点放在优化移动设备用户体验上。随着智能手机和平板电脑的普及,网页设计必须考虑到各种屏幕尺寸和触摸操作,这就需要使用响应式...

    jQuery 实现弹层登陆界面

    本教程将详细讲解如何使用 jQuery 实现一个弹层登录界面,该界面将在用户点击登录按钮时以弹出层的形式出现,不影响页面主体内容的展示。 首先,我们需要在 HTML 文件(如 `demo.html`)中创建基本的结构。弹层登录...

    jQuery多级下拉菜单支持多级下拉列表菜单.zip

    这个名为"jQuery多级下拉菜单支持多级下拉列表菜单"的资源,就是专门为商城网站或企业网站设计的一种实现方式。 jQuery多级下拉菜单的核心在于利用CSS样式定义菜单结构,然后通过jQuery的事件监听和DOM操作来控制...

    jquery通用的iframe弹层插件,兼容主流浏览器

    对于“通用的iframe弹层插件”,我们可以理解为一个基于jQuery的插件,它能够在网页上弹出一个包含iframe的层,用于展示外部网页内容或者进行跨域数据交互。 Iframe,全称Inline Frame,是HTML中的一个元素,允许...

    jquery插件库大全(200个).zip

    jquery图片弹出框插件 jquery图片排序过滤 jquery图片放大 jquery图片滑动效果 jquery城市二级联动 jquery多值输入插件 jquery多级菜单导航 jquery大转盘game jquery实现网易邮箱首页插件 jquery导航,缓慢弹出下拉...

    常用jQuery代码 jQuery 插件 jQuery菜单 jQuery焦点轮播 jQuery弹层代码 焦点轮播 tab标签切换代码 jQ图片浏览

    常用jQuery代码 jQuery 插件 jQuery菜单 jQuery焦点轮播 jQuery弹层代码 焦点轮播 tab标签切换代码 jQ图片浏览 说明:压缩包分为jQuery code 1,2,3三卷。 本压缩包为卷jQuery code 2

    jQuery多级列表树插件bootstrap-treeview

    插件描述:bootstrap-treeview是一款效果非常酷的基于bootstrap的jQuery多级列表树插件。该jQuery插件基于Twitter Bootstrap,以简单和优雅的方式来显示一些继承树结构,如视图树、列表树等等。演示地址:...

    基于bootstrap的jQuery多级列表树插件

    总的来说,"基于bootstrap的jQuery多级列表树插件"是一个强大且灵活的工具,它可以帮助前端开发者快速构建出功能丰富的树形菜单,提升用户体验,同时减轻开发工作量。通过理解和熟练运用这个插件,可以更有效地在...

    基于bootstrup的jQuery多级列表树插件

    "基于Bootstrap的jQuery多级列表树插件"是专门为实现层次结构数据展示而设计的工具。在Web应用中,这种插件通常用于展示文件系统、组织架构、分类目录等具有层级关系的数据。它们使用户能够以可折叠和展开的形式查看...

    jQuery滑动侧边栏实现多级菜单插件jSide.zip

    本资源"jQuery滑动侧边栏实现多级菜单插件jSide.zip"提供了使用jQuery创建动态、交互式侧边栏菜单的解决方案。以下是关于这个插件及其使用的一些关键知识点: 1. **jQuery库**: jQuery 是一个轻量级的JavaScript库...

Global site tag (gtag.js) - Google Analytics