把以下js的代码改成JQuery（图片走马灯）

写了个 大概的，还有很大改进的余地，照着思路改改吧~

	li{
		display: inline;
	}
	#scroll_div{
		width: 200px;
		margin: 0 auto;
		overflow: hidden;
		white-space: nowrap;
		position: relative;
	}



	$.fn.scrollImgLeft = function(options) {
		var def={
			speed:1,
			scrollDiv:$('#scrollDiv'),
			scrollBegin:$('#scrollBegin'),
			scrollEnd:$('#scrollEnd')
		}
		var opts = $.extend(def, options);
		opts.scrollEnd.html(opts.scrollBegin.html());
		function Marquee() { 
			if (opts.scrollEnd.outerWidth(true) - opts.scrollDiv.scrollLeft() <= 0) { 
				opts.scrollDiv.scrollLeft() -= opts.scrollBegin.outerWidth(true); 
			} else { 
				opts.scrollDiv.scrollLeft(opts.scrollDiv.scrollLeft()+1); 
			} 
		} 
		var MyMar = setInterval(Marquee,opts.speed) 
		scroll_div.onmouseover = function () { 
			clearInterval(MyMar); 
		} 
		scroll_div.onmouseout = function () { 
			MyMar = setInterval(Marquee, opts.speed); 
		}
	}; 
	$(function(){
		var opt = {
			speed:2,
	  		scrollDiv:$('#scroll_div'),
	  		scrollBegin:$('#scroll_begin'),
	  		scrollEnd:$('#scroll_end')
		}
		$('#scroll_div').scrollImgLeft(opt);
	})



	
		
			

				
11111111

				
222222

				
3333

				
444444

				
55555555