屏蔽层

最新推荐文章于 2026-01-05 11:04:12 发布

最新推荐文章于 2026-01-05 11:04:12 发布 · 340 阅读

文章标签：

#jquery #css #javascript #html #script #ViewUI

css 专栏收录该内容

1 篇文章

订阅专栏

<HTML>
<HEAD>
<TITLE>jquery加CSS遮蔽层</TITLE>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>

<SCRIPT language=javascript type=text/javascript>
/**
* 锁屏
*/
function cbbBlockUI()
{
	  $("body").append("<div id='shadow'></div>");
	  $("#shadow").css(
    {
        visibility:"visible",
        position:"absolute",
        "z-index":"10",
        left:"0",
        top:"0",
        width:"100%",
        height:"100%",
        "background-color":"#000000",
        filter:"alpha(opacity:50)",
        opacity: "0.5"
    });
};
/**
* 解屏
*/
function CbbUnBlockUI()
{
    $("div").remove("#shadow");
};
/**
* 测试
*/
function createDiv()
{
         cbbBlockUI();
    	if (confirm("你想解屏吗？"))
    	{
    		  CbbUnBlockUI();
    	}
</SCRIPT>
</HEAD>
<BODY>
	<DIV style="TEXT-ALIGN: center">
	    <INPUT id="btnShow" onclick="createDiv()" type="button" value="Display"> 
  </DIV>
</BODY>
</HTML>