开发工具与关键技术：DW软件 JS设置遮罩层

开发工具与关键技术： DW软件 JS设置遮罩层
作者：冉启东
撰写时间：2019年1月18日

1.JS设置遮罩层代码如下：
window.onload = function(){
var plan_tab = document.getElementById(“plan_tab”);
var tabBtn = document.getElementById(“tabBtn”);
var showBtn = document.getElementById(“showBtn”);
var closeBtn = document.getElementById(“close”);
var pro_change = document.getElementById(“pro_change”);

tabBtn.onmouseover = function(){
	plan_tab.style.display="block";
	tabBtn.innerHTML = "  收    起  <i class='sq'></i>";
};
tabBtn.onmouseout = function(){
	plan_tab.style.display="none";
	tabBtn.innerHTML = "查看计划<i></i>";
};


showBtn.onclick = function(){
	pro_change.style.display = "block";
};
closeBtn.onclick = function(){
	pro_change.style.display = "none";
};

};
如图1遮罩层打开的样式：