柳暗花明笔记

    jquery 弹窗插件jquery.blockUI

    所属分类:[ php&web ] 猫哲学家 发表于:2015-09-29 12:11 浏览:520

    <script src="//cdn.bootcss.com/jquery.blockUI/2.66.0-2013.10.09/jquery.blockUI.js" type="text/javascript"></script>

    <p>jquery.blockUI</p>

    <script type="text/javascript">
    $(document).ready(function() {

    $("#aa").click(function(){
    $.blockUI({
    message:$("#bb").html(),
    css:{
    padding: '15px',
    }

    });
    return false;
    });

    $(document).on("click", "#mm", function(){ $.unblockUI(); });

    });

    </script>

    <a id="aa" href="javascript:;">点我弹窗</a><br><br>

    <div id="bb" style="display:none;text-align:left;">
    <div>询盘结果:是</div>
    <div>到货时效:10天</div>
    <div>备注:可能颜色有细微差别,图片已经邮件发送,如果客户接受,转为正常订单进行采购</div><br>
    <div><button id="mm">确定</button></div>
    </div>

    jquery.blockUI

    点我弹窗

    标签: jQuery 
    上一编文章 css3 自动适应移动终端方法之一 @media only screen and (max-width: 200px) {} 下一编文章 ubuntu系统设置有些图标不见了解决办法
    最近文章
    发表评论