jQuery弹出层BlockUI的用法(包括登陆界面)

83457317 2012-02-05

例子一:

<head runat="server">
    <title></title>
    <script type="text/javascript" src="Scripts/jquery-1.4.1.js"></script>
    <script type="text/javascript" src="Scripts/jquery.blockUI.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#btnOpen').click(function () {
                $.blockUI();
                setTimeout($.unblockUI, 2000);
            });
        });

    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <input id="btnOpen" type="button" value="Open" />
    </div>
    </form>
</body>
</html>

 

例子二:

<head runat="server">
    <title></title>
    <script type="text/javascript" src="Scripts/jquery-1.4.1.js"></script>
    <script type="text/javascript" src="Scripts/jquery.blockUI.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#btnOpen').click(function () {
                $.blockUI({
                    message:"请稍候",
                    css: {
                    border: 'none',
                    padding: '15px',
                    backgroundColor: 'yellow',
                    width:"300px",
                    opacity: .5,
                    color: 'Red'
                   }
                });
                setTimeout($.unblockUI, 2000);

相关推荐

Web全栈笔记 / 0评论 2020-06-15