700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > css+js实现部分区域高亮可编辑遮罩层【javascript】

css+js实现部分区域高亮可编辑遮罩层【javascript】

时间:2019-11-16 15:31:27

相关推荐

css+js实现部分区域高亮可编辑遮罩层【javascript】

web前端|js教程

部分区域,高亮,遮罩层

web前端-js教程

想大家都做过遮罩层这种常见的功能,css或jquery实现,实现方式多样化,这里http://我介绍我在项目中实现的方式,全屏遮罩,部分区域可操作,非常实用。

代理商管理源码php,UBUNTU手机桌面分组,python爬虫输出页面,php 总分,咖啡seo风味lzw

效果如下图:

js 实现部分:

棋牌源码下载论坛,ubuntu 安装界面不全,爬虫模拟点击网页,php tempname,seo已开启lzw

var myAlert = document.getElementById("alert");

var reg = document.getElementById("content").getElementsByTagName("a")[0];

reg.onclick = function() {

myAlert.style.background = "#e2ecf5";

myAlert.style.zIndex = "501";

myAlert.style.position = "absolute";

var signSpan = document.getElementById("signSpanId");

myAlert.style.top = signSpan.offsetTop;

myAlert.style.left = signSpan.offsetLeft;

mybg = document.createElement("div");

mybg.setAttribute("id", "mybg");

mybg.style.background = "#000";

mybg.style.width = "100%";

mybg.style.height = "100%";

mybg.style.position = "absolute";

mybg.style.top = "0";

mybg.style.left = "0";

mybg.style.zIndex = "500";

mybg.style.opacity = "0.3";

mybg.style.filter = "Alpha(opacity=30)";

document.body.appendChild(mybg);

//document.body.style.overflow = "hidden";

}

页面代码:

完整版导航网源码,vscode 代码上移,手动挂载Ubuntu,tomcat设置图片上传,sqlite3数据库原理,梦见自己的手有个洞往外爬虫子,php模拟ip,济宁seo优化网费用,网站下载功能实现教,dw网页设计模板下载lzw

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。