Question

JS的动态背景图片

<div class="elecrank-bg" style="display: block; background-image: url(anim-battery.png); width: 80px; height: 80px; background-position: 0px 0px;"></div>背景图片 400x80 共有5个小图标，平时就用第一个。 鼠标移入，背景循环动态变换其他的 。。background-position: 80px 0px; 80px-160px-240px-320px 这样变鼠标移出，又变回 background-position: 0px 0px;

Answer 1

$(function(){
	var num=0,y=0;
	function time() { 
		num+=80;
		if(num>400){
			num=0;
		}
	$("#fav-icon").css("background-position",num+'px '+y+"px");
		}; 
	
	$(".fav").hover(function(){
	inte=	setInterval(time, 500); 
	},function(){
		clearInterval(inte);
		$("#fav-icon").css("background-position",0+'px '+0+"px");
	});
});