51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课 免费课 排行榜 短视频 直播课 软考学堂
全部课程 软考 信创认证 华为认证 厂商认证 IT技术 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
CKA（Kubernetes 管理员认证）精品班
按照企业k8s需求进行技能培训，帮助用户快速拿下CKA认证，K8S采用新版本进行授课，课程内容全、讲解详细 。 免费试学
软考高级：系统架构设计师精品班
根据考试大纲对知识点、高频考点进行深入讲解，传授答题技巧及判断标准，助力高效备考。 免费试学
信创认证：系统架构师精品班（高级）
信息技术应用创新人才考试评价 免费试学

弹出框、遮罩层demo
仿alert、confirm的弹出框。弹出后，用遮罩层将背景虚化。代码如下：提示消息删除确认彻底删除后邮件将无法恢复，您确定要删除吗？确定取消css如下：/* 弹出框 */select, body, textarea {font-size: 12px;}.qm_dialog {position: absolute;overflow: hidden;z-index: 12;border: 1px solid #aaa;box-shadow: 0 0 8px rgba(0,0,0,0.2);border-radius: 5px;min-width: 440px;_width: 440px;back
ico
javascript
ide
css
html
原创
TBHacker
2021-08-05 16:10:55
711阅读

vue 弹出全屏遮罩层
vue 弹出全屏遮罩层 <div v-show="dialog" class='popContainer' @click="hideDialog"> <img src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg" alt="" > ...
Vue教程
Vue
原创
B.Y
2021-06-03 09:31:46
3901阅读

用jQuery实现页面遮罩弹出框
页面遮罩弹出框是最常见的一种情况，今天用jQuery实现页面遮罩弹出框，主要用的技术有JQuery，cst-family:Ari
jquery
function
div
javascript
firefox
原创
前端岚枫
2022-06-30 16:07:33
248阅读

Axure 弹出框遮罩层灯箱效果
灯箱效果：比较适合Web， 效果不太理想，还是自己做个比较合适 弹出效果：就是弹框 推动效果：A 元件显示的时候，把 B元件往下、右移动。如Web左侧菜二级单效果
Axure
Web
二级
原创
EicroSoft
2023-02-04 13:15:54
388阅读

js弹出对话框，遮罩效果，
刚刚来到实习单位，我跟着廖哥做项目。然后他分配给我一个小小的任务，实现起来总的效果如下： 然后，但我们单击显示数目这个链接的时候，就会弹出一个又遮罩效果的对话框，如下图： 当我们在对话框中再点击里面的超链接的时候，就会显示出相关页面的详细信息，总体的效果就是这样子。 正如雷总所说的，这些东西在项目中都是一些小细节，但是不处理又不行，所以， 总要处理一下。虽然这是一个小问题，但是，缺少了的话又不行，不写了，时间好紧啊...
超链接
java
转载
mob604756eba0ee
2013-07-15 22:01:00
116阅读
2评论

elementui去掉dialog的遮罩 elementui 弹出框
前言：本篇博客主要介绍了前端页面的一些消息提示框，均是element-ui中的组件，查找起来比较方便。详细文档可以查看element-ui官网：Element-uiMessage消息提示框用来显示不同状态的提示框(不可手动点击关闭)// 显示成功的操作 this.$message({ message: '恭喜你，这是一条成功消息', type: 'succe
组件化
vue
提示框
字段
关闭按钮
转载
IT剑客行
2024-03-22 15:38:18
712阅读

vue element 弹出遮罩层 vue自定义弹窗带有遮罩层
vue3 antd项目实战——Modal弹窗自定义遮罩 maskStyle知识回调场景复现关于mask遮罩的API属性利用maskStyle属性自定义遮罩样式 知识回调文章内容文章链接vue3 antd ts实战——ant-design-vue组件库引入本文沿用ant design vue组件库，上述文章可快速上手???场景复现在后台管理系统的项目开发中，弹窗组件用到的地方很多。由于自带的默认样
vue element 弹出遮罩层
vue.js
前端
javascript
typescript
转载
岁月静好呀
2024-04-08 13:31:08
2231阅读

vue android 弹出框
## Vue Android 弹出框 在移动应用开发中，弹出框是一种常见的界面元素。它可以展示一些重要信息，接受用户的输入或者提醒用户进行某些操作。在本文中，我们将探讨如何使用 Vue 和 Android 开发一个弹出框，并提供一些代码示例。 ### 弹出框的基本概念 在 Android 开发中，弹出框可以使用 `AlertDialog` 类来实现。`AlertDialog` 是一个对话框，
弹出框
Vue
Android
原创
mob649e81673fa5
2023-11-07 09:55:39
101阅读

js弹出框、遮罩层、可拖动学习
解决弹出层定位滚动条scrollTop不兼容问题，即弹出层后滚动条不允许回到最上面，而是停在当前可见区域。 document.documentElement.scrollTop在ie中有值，但其他浏览器都为0； document.body.scrollTop在ie中为0，其他浏览器都有值。 特别注意：不要这样调用<a href="#" onclick="o
拖动
js弹出层
遮罩
原创
许琴
2012-09-07 13:45:58
1371阅读

vue中实现模态框弹出框动画（旋转弹出）
vue模态框弹窗动画沃达尔 (Vodal)A Nice vue modal with animations.带有动画的尼斯vue模态。安装npm i -S vodal用法<template> <div class="home"> <button @click="togglebox">点击弹出</button> <vodal :show="show" animation="rotate" @hide="show = fa
Vue.js
弹出框动画
旋转
Vue
原创
江一铭的博客
2021-07-12 10:54:09
1421阅读

vue中实现模态框弹出框动画（旋转弹出）
vue模态框弹窗动画沃达尔 (Vodal)A Nice vue modal with animations.带有动画的尼斯vue模态。安装npm
弹出框动画
旋转
ide
css
自定义对话框
原创
江一铭的博客
2022-02-27 10:49:27
10000+阅读

javascript弹出遮罩层,弹出半透明的遮罩层
<title>javascript弹出遮罩层弹出提示</title> <style> * {margin:0;padding:0;font-size:12px;} html,body {height:100%;width:100%;} #content {background:#FFFFFF;padding:30px;height:100%;}
职场
javascript
休闲
网页遮罩
转载 精选
hack9527
2011-11-21 12:12:39
1487阅读

vue+高德地图
文章参考：高德地图：概述-地图 JS API v2.0 | 高德地图API (amap.com)一.引入高德地图注册高德地图并申请key。public文件夹下index.html中//public文件夹下index.html中 <script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key="您申
高德地图
初始化
缩放
原创
wx65226c8cef025
2023-10-08 17:01:16
539阅读

vue+ django rest framework
# 用Vue.js和Django Rest Framework实现全栈开发 ## 摘要 在现代Web开发中，使用Vue.js作为前端框架和Django Rest Framework作为后端框架是一个非常流行的选择。Vue.js是一个现代化的JavaScript框架，能够帮助我们构建交互式的页面，而Django Rest Framework是一个用于构建RESTful Web服务的强大框架。本文将
Vue
API
ios
原创
风中追风111
2024-05-24 10:52:31
86阅读

jquery 弹出遮罩层
jquery 弹出遮罩层 点击层关闭
职场
休闲
jquery
遮罩层
原创
小鬼ming
2010-11-15 13:54:18
2532阅读
3点赞
3评论

jeasyui 弹出遮罩层
此遮罩用的是jeasyui源码里的：  -->
css
jquery
javascript
原创
hongmin118
2023-02-19 22:22:33
113阅读

javascript弹出遮罩层
项目经常需要自定义弹出层，代码如下function maskDiv() { var divmask = document.createElement("div"); divmask.id = "div-mask"; divmask.style.width = Math.max(document.body.sc
Math
ci
自定义
原创
Johnny_Cheung
2023-02-27 10:06:01
144阅读

vue自定义弹出层、vue自定义弹出框、vue上下左右居中弹出框
可直接拿去用，如果需要两个按钮，需自己手动添加 css /* 弹窗样式 */ .login { position: fixed; height: 100px; width: 240px; background: #ffffff; border-radius: 0.25rem; left: 50%; ...
css
自定义
html
透明背景
JAVA
转载
mb5fe328bf51cae
2021-08-31 15:43:00
1412阅读
2评论

Android dialogfragment 去除遮罩
## 如何在 Android 的 DialogFragment 中去除遮罩 在 Android 开发中，`DialogFragment` 是用来显示对话框的一种方法。不过，有时我们希望在对话框打开时不显示背景遮罩。本文将向你介绍如何实现这一功能，下面是整个流程的概述。 ### 流程步骤 | 步骤 | 描述 | | -------- | -------- | | 1 | 创建一个继承自 `Di
ide
java
自定义
原创
mob649e816a3664
2024-08-05 08:32:16
303阅读

VUE+大文件上传控件
百度上传插件WEB UPLOADER，使用WEBUPLOADER组件实现大文件分片上传，断点续传，百度WEBUPLOADER开源上传控件，百度W
vue.js
前端
javascript
上传
解决方案
原创
webuploader1
2024-07-08 14:38:28
0阅读
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

Jquery 等待弹出框插件jquery.blockUI（遮罩蒙板）

vue+大文件上传控件

vue+上传文件夹

antddesign vue 弹窗里面弹出路由 vue弹出提示框

【Android楚君】vue+原生Ui

vue+大文件分片上传

vue+ typescript 使用parcel 构建

jquery鼠标悬浮弹出遮罩

wpf MaterialDesign 弹出窗口 遮罩

Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯