html 点击文字转换窗口,css+js实现点击文字或按钮弹出一个div窗口-编码类-艾雪雪-恭喜你终于发现了这个宝藏...

bb8c4d37f13a5b72c7c8f48477e294fb.png

c512661b9af309b25758ed116d1f248e.png

css部分:

.black_overlay{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=88); }

.white_mrc { display: none;  width: 250px; height: 400px; padding: 20px; border: 2px solid rgb(196, 196, 196); background-color: white; z-index:1002; overflow: auto; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%); }

.white_mrc a { text-align: left;}

弹出层及按钮部分:

点击这里弹出窗口

点这里关闭本窗口

弹窗中的文字在这里弹窗中的文字在这里弹窗中的文字在这里弹窗中的文字在这里

弹窗中的文字在这里弹窗中的文字在这里弹窗中的文字在这里

tips:不需要引入外部js,也不需要写任何js命令,弹窗是绝对水平垂直居中。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/31248.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

雪雪不吃香菜

确定项目 立项——产品说明书——需求文档——需求评审 详细概要设计——编码——自测——提测 测试计划——编写测试用例——测试用例评审——提测 开发环境(开发专用) 测试环境(测试专用) 提测——冒泡测试(测试流程是否通过)——功能测试——禅道记录BUG——回归测试(验…

chatgpt赋能python:Python聊天工具:简单易用的即时通讯方式

Python聊天工具:简单易用的即时通讯方式 在当今数字化社会,通讯技术持续发展,人们借助各种出色的工具保持着联系。聊天软件应运而生,已成为人们常用的即时通讯工具。而Python聊天工具则以简单易用的方式,为用户提供了…

Edge安装插件错误(download interrupted)解决办法

微软Edge无法安装插件的原因大概率是host的问题 修改即可!!! win10系统host路径: C:\Windows\System32\drivers\etc 把host文件复制到桌面上 用记事本打开(便于编辑) 把以下复制到文本当中 13.107.9.158 mesedgeextensions.sf.tlu.dl.delivery.mp.microsoft.com #Edge商店拓展…

没有域名怎么用宝塔面板搭建网站?

其实没有域名也是可以用ip地址,搭建网站的,在宝塔面板部署网站的时候,填上ip地址就行。 如果想要搭建多个网站,可以在后面加上端口号

宝塔环境搭建教程

阿里云ECS服务器搭建宝塔环境教程-保姆级教程 1.建立远程连接 2.输入密码后登入服务器 3.从宝塔官网复制下载安装代码 4.粘贴到图二服务器命令行,按回车 5.耐心等到下图出现,点击y 6.耐心等待宝塔环境的网址、账号、密码出现,可以将其保存…

frp内网穿透搭建-宝塔版

一、搭建frp准备 下载frp部署文件:https://github.com/fatedier/frp/releases把防火墙安全端口打开,默认7500,7000,其他的自行设置打开,如阿里云服务器要打开端口规则。 二、配置frps服务端 把frps、frps.ini、LICE…

使用宝塔搭建一个简单的网页

1.首先在百度上搜索“宝塔”进入其中,找到相应的脚本。 2.将相应的脚本进行复制,粘贴在CentOS上运行 3.运行过程中的选择都为yes,随后等候其安装成功就行了。 4.根据安装成功后的页面提示的有内网地址和账户密码。复制内网地址进入&#xff…

树莓派宝塔搭建NAS私有云盘nextcloud

树莓派宝塔搭建NAS私有云盘nextcloud 其余树莓派搭建文章前言准备工作BUGBUG1BUG2 成功界面开启外部存储 其余树莓派搭建文章 树莓派宝塔搭建NAS私有云盘nextcloud 树莓派宝塔搭建图床Chevereto 树莓派宝塔部署hexo博客 前言 我本来是在树莓派3B上搭建了hexo博客和图床&…

服务器+宝塔+Chevereto 搭建个人图床

服务器+宝塔+Chevereto 搭建个人图床 先附上我的demo: http://img.xubean.top/ 步骤: 前去github下载压缩包。在宝塔面板新建网站,并且创建一个数据库。将下载的压缩包解压至你新建的网站的目录。注意这里需要更改一个东西。打开新建的网站,跟着提示一步步配置。1. 下载压…

宝塔nginx文件服务器,借助宝塔使用nginx搭建webdav服务端

前言 之前webdav一直使用的是 坚果云 ,但是它对请求次数存在限制,某些时候同步会出现问题。所以我决定自己在vps上搭建webdav服务。 vps环境 系统:CentOS 7.3 宝塔:7.1.1 宝塔安装 自行参考:宝塔官网 1.重新安装nginx …

宝塔搭建网站

宝塔搭建网站 1.首先登陆宝塔页面 2.点开侧边栏 网站 选项 点开网站,然后点击添加站点,域名按照自己喜好来填写即可,可以选择创建数据库,其他选项默认就行。 3.点开侧边栏 文件 选项 打开文件选项,接着点击上传&a…

利用Docker和宝塔搭建FRP内网穿透

小老百姓成本能省则省,能多利用则多利用设备价值,一台放wordpress和测试站点服务器虽然配置不高,但为了发挥更多价值,可以用于日常开发,避免多花费租用其它内网穿透产品。 本教程是在不改变宝塔部署的产品之间&#x…

宝塔搭建多个站点

1.创建网站 域名是随便填写的 根目录保存你要创建的网站的文件夹 然后将网站的源码安装在这根目录即可 2.域名更改 添加网站对应的端口号 (选择的端口尽量不要是连续的,我之前尝试开放端口100,101,102,只有100端口可以用&#…

CentOS宝塔搭建(超详细)

本文讲述CentOS搭建宝塔全过程,我会手把手的教你哦~ 1、云平台控制台创建及安装CentOS系统。 不管哪个云应该都有这个系统的。 注意事项: (1)CentOS系统建议7.4、7.6版本,切勿安装8版本! (…

宝塔linux面板源码,用宝塔搭建自己的源码程序

对于如何使用宝塔面板搭建自己的源码程序问题,其实这个是一个很简单的问题,不管是 Linux 面板还是 Windows 面板,只需要成功安装面板后添加好站点之后直接将自己的源码程序上传到根目录即可。下面宝塔面板教程栏目就以宝塔 Linux 面板为例进行…

使用宝塔搭建个人博客

1、首先要有一个云服务器 我用的是腾讯云的vps,系统是winserver2012,选了一个自带宝塔面板的,就不用配那些php、mysql、apache之类的了 2、安装宝塔 自带面板 在浏览器中打开宝塔的控制面板,默认端口是8888 用户名和密码要去vp…

Linux宝塔搭建

一、宝塔安装 1.1、安装 打开宝塔的官网: https://www.bt.cn/ 选择Linux一版,点击立即安装。 选择适合你的版本,我这里是Centos,所以选择Centos的。 然后将代码复制到你的服务器上 yum install -y wget && wget -O install.sh http…

宝塔搭建教程

百度智能云 - 部署宝塔 产品:轻量应用服务器LS - 配置: 2核/4GB内存/80GB磁盘/6Mbps带宽 价格:2022开年采购季 140元 两年 重装系统 选择系统 系统镜像 》 Ubuntu 18.04 点击立即重置 等待重置完成 重置完成 部署宝塔面板 新建SSH连接信息 …

宝塔搭建网站教程php,怎么利用宝塔面板搭建网站详细教程

利用宝塔面板搭建网站是当前主流形式,宝塔面板操作简单,可视化操作,是新手和老司机搭建网站的首选。今天我的主题网就给小白们分享下怎么利用宝塔搭建自己的网站。如果你还没有安装宝塔可以参考:宝塔面板安装小白教程 来进行安装。…

20202411 2022-2023-2 《网络与系统攻防技术》实验二实验报告

20202411 2022-2023-2 《网络与系统攻防技术》实验二实验报告 这是一个目录 20202411 2022-2023-2 《网络与系统攻防技术》实验二实验报告1.实验内容2.1-回答几个小问题3.实验过程3.0-来好多好多台阿里云服务器3.1-使用netcat获取主机操作Shell,cron启动某项任务3.2…