blockUI 在frameset中使用

blockUI 官网http://jquery.malsup.com/block/#overview

 

在frameset中使用的方法:(在frame中使用,blockUI覆盖该frame)

1、在frameset父中添加如下两个方法

  <link href="../../Content/Site.css" rel="stylesheet" type="text/css" />
    <script src="../../Scripts/jquery-1.4.2.js" type="text/javascript"></script>
    <script src="../../Scripts/ui/jquery.blockUI.js" type="text/javascript"></script>
    <script type="text/javascript" language="javascript">
        function block() {
            $.blockUI(
            {  
                message:'<p>正在处理....</p>',
                css: {
                    border: 'none',
                    padding: '15px',
                    backgroundColor: '#000',
                    '-webkit-border-radius': '10px',
                    '-moz-border-radius': '10px',
                    opacity: .5,
                    color: '#fff'
                }
            });
        }

        function unblock() {
            $.unblockUI();
        }
    </script>

 

2、在单个的frame中使用

window.parent.block(); //显示
 top.frames["Tools"].FuzzyQueryStation(frm.nameCode.value); //执行函数
 window.parent.unblock(); //隐藏

 

注意:(假如不好用)

1、网上有说不好用的,可能是你的版本低。blockUI最新版或者作者使用版本2.35,JQuery UI 1.8.5 JQuery 1.4.2

2、作者的framset用iframeset

你可能感兴趣的:(JavaScript,jquery,function,border,tools,stylesheet)