日期:2014-05-16  浏览次数:20349 次

求个jquery封装,加载动画始终居中显示,代码已有,不会封装
本帖最后由 mafeifan 于 2013-06-07 12:23:55 编辑
很多页面ajax操作都需要一张动态图片,表示加载中,现在要这个图片每次显示都要停在页面中间。想封装下,
代码已有

    var wnd = $(window), doc = $(document);
    var left = doc.scrollLeft();
    var top = doc.scrollTop();
    left += (wnd.width() - $('#indicator').width())/2;
    top += (wnd.height() - $('#indicator').height())/2;
    $('#indicator').css("position","absolute");
    $('#indicator').css("top",top);
    $('#indicator').css("left",left);     
            $('#indicator').show();



<div id='indicator'><img src="indicator.gif" /></div>

想实现效果,在任何地方,我只需执行$('#indicator').show("center");或$('#indicator').show();
图片就自动显示中间了,不要计算距离的代码了

------解决方案--------------------
引用:
请问$.fn.extend({}); 这段代码放在什么位置
单一个js文件也行,放head里也行

调用

加个$(function() {

});