求个jquery打包,加载动画始终居中显示,代码已有,不会封装
求个jquery封装,加载动画始终居中显示,代码已有,不会封装
很多页面ajax操作都需要一张动态图片,表示加载中,现在要这个图片每次显示都要停在页面中间。想封装下,
代码已有
想实现效果,在任何地方,我只需执行$('#indicator').show("center");或$('#indicator').show();
图片就自动显示中间了,不要计算距离的代码了
------解决方案--------------------
单一个js文件也行,放head里也行
调用
加个$(function() {
});
很多页面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();
图片就自动显示中间了,不要计算距离的代码了
------解决方案--------------------
单一个js文件也行,放head里也行
调用
加个$(function() {
});