博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
前端页面给指定的div添加遮罩层,并且带有加载中的小旋转图片
阅读量:5138 次
发布时间:2019-06-13

本文共 354 字,大约阅读时间需要 1 分钟。

话不多说,先上代码,其实还是比较简单的

1 $("
").css({ 2 position:'absolute', 3 top:0, 4 left:0, 5 zIndex:300,6 height:'100%',7 width:'100%'8 }).appendTo('#id');

其中#id就是你要遮罩的div的id,其中用到的加载中图片:

就是这么简单,这里需要注意的事,要进行遮罩的div的样式要这样设置position:relative(切记,否则达不到你想要的效果!)

忘了说了,这里的js代码是基于JQuery写的,要引入JQuery文件哦!

效果图: 

 

转载于:https://www.cnblogs.com/xujingyang/p/7437394.html

你可能感兴趣的文章
MongoDB (八) MongoDB 文档操作
查看>>
java email发送
查看>>
(四)多线程开发禁忌
查看>>
Java 内存分配及String类型详解
查看>>
Object Relational Mapping(ORM)
查看>>
Scala的递归函数应用
查看>>
xml选择节点方法
查看>>
美国人都在网上干啥
查看>>
对step文件进行信息抽取算法
查看>>
通过redis的自带工具安装redis服务
查看>>
数据结构和算法系列4 队列
查看>>
Maven Could not open ServletContext resource [/WEB-INF/applicationContext.xml]
查看>>
python操作数据库及数据库相关知识
查看>>
meta标签的使用
查看>>
自编写一套简单的Promise——myPromise
查看>>
记录一次命令行控制搜狗输入法更新设置的过程
查看>>
用Python画一个LinkinPark的logo
查看>>
关于DNS解析不受超时设置问题
查看>>
php-redis游标使用问题
查看>>
Notes:Unit Testing
查看>>