`
CFeng_feng
  • 浏览: 4556 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

屏蔽层

    博客分类：
  • css
jquerycssjavascripthtmlscript 
阅读更多 
<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>
分享到：
java环境变量配置
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics