基于jquery的浮动窗口代码 适用于IE+ff

　　消息框遮罩层:<iframe id="show_upload_iframe" frameborder=0 scrolling="no" style="display:none; position:absolute;"></iframe><div id="show_upload">nothing...</div>'

　　页面加载loading中:<div id="body_loading" onClick="loaded();"><img src="__PUBLIC__/images/body_load.gif"></div>

　　关闭浮动窗口:<a href="javascript:hideupload()">关闭窗口建议用小图片</a>

　　打开浮动窗口:<a href="javascript:showupload('admin.php')">打开浮动</a>

// 消息框loading function loading(){          var o = $('#body_loading');      o.css("left",(($(document).width())/2-(parseInt(o.width())/2))+"px");      o.css("top",(($(document).height()+$(document).scrollTop())/2-(parseInt(o.height())/2))+"px");          o.fadeIn("fast"); } // 消息框消失 function loaded(){         var o = $('#body_loading');         o.fadeOut("fast"); } // 隐藏浮动窗口 function hideupload(){         $('#show_upload').hide();         $('#show_upload_iframe').hide(); } // 弹出浮动窗口 function showupload(ajaxurl){         loading();         var o=$('#show_upload');         var f=$('#show_upload_iframe');         var top = 200;         $.ajax({                 url: ajaxurl,                 //cache: false,                 success: function(res){                         loaded();                         o.html(res);                         o.css("left",(($(document).width())/2-(parseInt(o.width())/2))+"px");                         if($(document).scrollTop()>200){                                 top = ($(document).height()+$(document).scrollTop())/2-(parseInt(o.height())/2);                         }                      o.css("top",top+"px");                         f.css({'width':o.width(),'height':o.height(),'left':o.css('left'),'top':o.css('top')});                          f.show();                         o.show();                 }         }); }

评论总数：1 条 [ 查看全部 ] 网友评论