// JavaScript Document // Marquee (function($){ var methods = { marquee: function marquee(user_settings) { var self = $(this); var sch = self.attr('scrollHeight'); self.append(self.html()); var settings = { timeout: null, events: { play: function(evt) { var self = $(this); var sct = self.scrollTop(); if(sct>=sch)self.scrollTop(sct=sct-sch); self.animate({scrollTop:sct+settings.step-sct%settings.step},2000,function(){ if(settings.timeout) clearTimeout(settings.timeout); settings.timeout = setTimeout(function(){self.marqueePlay()},settings.time); }); }, stop: function(evt) { var self = $(this); clearTimeout(settings.timeout);self.stop(); } } }; if(self.data("marquee.settings")) { settings = self.data("marquee.settings"); } settings = $.extend(user_settings, settings); for(var event in settings.events) { var evt = "marquee." + event; self.unbind(evt); self.bind(evt, settings.events[event]); } self.data("marquee.settings", settings); self.marqueePlay(); return self; }, marqueePlay: function() { $(this).trigger("marquee.play"); }, marqueeStop: function() { $(this).trigger("marquee.stop"); } }; $.each(methods, function(i) { $.fn[i] = this; }); })(jQuery); function recentrun() { $('#recentlyorder').marquee({time: 3000, step: 73}); $('#recentlyorder').hover(function(){$('#recentlyorder').marqueeStop()},function(){$('#recentlyorder').marqueePlay()}); } setTimeout(recentrun,8000);