基于jquery的数据加载提示插件

阅读更多

 最近项目中需要一个数据加载插件，网上找了很多没有找到想要的效果，于是自己写了一个简单的。代码如下：

(function($){
	$.fn.extend({
		"enjoymaking.ui.DynMsg":function()
		{
			var self = this;
			var dynMsg = null;
			var interval = null;
			var i = 3;
			self.init = function()
			{
				self.html('
数据加载中，请等候...
');
				dynMsg = self.find(".dynMsg");
				interval = setInterval(function(){
					if(i == 3){
						i = -1;
						dynMsg.find("span.dot").css("visibility","hidden");
					}
					if(i!=-1){
						dynMsg.find("span.dot").eq(i).css("visibility","visible");
					}
					i++;
					
				},500);
			}
			
			self.clear = function(){
				clearInterval(interval);
			}
			return self;
		}
	});
})(jQuery);

 

 

 

• demo.zip (33.5 KB)
• 下载次数: 0

• 
• 大小: 840 Bytes

• 查看图片附件