jquery 动态滚动

<script type="text/javascript">
	   //滚动插件
	   (function ($) {
		   $.fn.extend({
			   Scroll: function (opt, callback) {
				   //参数初始化
				   if (!opt) var opt = {};
				   var _this = this.eq(0).find("#scrollDivContent:first");
				   var lineH = _this.find(".syhybox:first").outerHeight(), //获取行高
				line = opt.line ? parseInt(opt.line, 10) : parseInt(this.height() / lineH, 10), //每次滚动的行数,默认为一屏,即父容器高度
				speed = opt.speed ? parseInt(opt.speed, 10) : 1000, //卷动速度,数值越大,速度越慢(毫秒)
				timer = opt.timer ? parseInt(opt.timer, 10) : 500; //滚动的时间间隔(毫秒)
				   if (line == 0) line = 1;
				   var upHeight = 0 - line * lineH;
				   //滚动函数
				   scrollUp = function () {
					   _this.animate({
						   marginTop: upHeight
					   }, speed, function () {
						   for (i = 1; i <= line; i++) {
							   _this.append(_this.find(".syhybox:first")[0]);
							   upHeight = 0 - _this.find(".syhybox:first").outerHeight();
						   }
						   _this.css({ marginTop: 0 });
					   });
				   }
				   //鼠标事件绑定
				   _this.hover(function () {
					   clearInterval(timerID);
				   }, function () {
					   timerID = setInterval("scrollUp()", timer);
				   }).mouseout();
			   }
		   })
	   })(jQuery);

	   $(document).ready(function () {
		   $("#scrollDiv").Scroll({ line: 1, speed: 1000, timer: 2000 });
	   });
   </script>

<div id="scrollDiv">
	<div id="scrollDivContent">
		<%=hiddenDangerList%>
	</div>
</div>
原文地址:https://www.cnblogs.com/henw/p/2294894.html