/* ==========================================================
 * 背景移動(dòng)插件 v1.0
 * 功能說明：利用背景圖像位置形成背景在動(dòng)的動(dòng)畫，無限循環(huán)
 * 原創(chuàng)：/
 * ==========================================================
 * html結(jié)構(gòu)：$對(duì)象
 * 參數(shù)：	moveDelay	移動(dòng)延時(shí)
 *		movePx		移動(dòng)距離
 *		direction	移動(dòng)方向
 * ========================================================== */
 
(function(){
	$.fn.backgroundMove = function( option ){
		var defaults = {
			moveDelay:100,
			movePx: 1,
			direction:'left',
		}
		var options = $.extend({}, defaults, option);
		return this.each(function () {
			var startPos = 0;
			var self = $(this);
			var bgXY = 'x';
			
			switch (options.direction) {
				case 'left':
						options.movePx = -options.movePx;
					break;
				
				case 'up':
						options.movePx = -options.movePx;
						bgXY = 'y';
					break;
					
				case 'down':
						bgXY = 'y';
					break;
			}
			
			function doMove() {
				startPos = startPos + options.movePx;
				self.css('backgroundPosition-' + bgXY, startPos);
			}
			
			setInterval(doMove, options.moveDelay);
			
		})
	}
})($)

使用方法：

$(function(){
	
	//js
	$('#cloudFly').backgroundMove({
		moveDelay: 70,
		movePx: 1,
		direction: 'left'
	});
	

});

附件下載：jquery.backgroundMove.zip

　　哈爾濱品用軟件有限公司致力于為哈爾濱的中小企業(yè)制作大氣、美觀的優(yōu)秀網(wǎng)站，并且能夠搭建符合百度排名規(guī)范的網(wǎng)站基底，使您的網(wǎng)站無需額外費(fèi)用，即可穩(wěn)步提升排名至首頁。歡迎體驗(yàn)最佳的哈爾濱網(wǎng)站建設(shè)。