读书人

求个jquery打包加载动画始终居中显示

发布时间: 2013-06-26 14:29:32 作者: rapoo

求个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() {

});

读书人网 >JavaScript

热点推荐