首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

jquery blockUI 正中显示

2012-06-30 
jquery blockUI 居中显示var __widowWidth $(window).width() var __popWidth $(#Loading).width()

jquery blockUI 居中显示
               var __widowWidth = $(window).width();
var __popWidth = $("#Loading").width(); //Loading为要显示的div
var __left = (__widowWidth - __popWidth)/2 + 'px';
var __windowHeight = $(window).height();
var __popHeight = $("#Loading").height();
var __top = (__windowHeight-__popHeight)/2 + 'px';
$.blockUI({ message: $('#Loading'),
css:{
cursor: '',
                                                                           left:__left,width:__popWidth+'px',top:__top,position:'fixed', //居中
         border: 'none',                   // 无边界
         width:"100px"                 // 中间框框的宽度
    },
    overlayCSS:{cursor: ''}
});

热点排行