zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    ZoomBar 设计
    旋转toast 自定义toast方向,支持多个方向的显示,自定义View
    NA
    ISCSI共享
    DFS序
    矩阵快速幂
    SOJ4389 川大贴吧水王 队列
    ST表学习总结
    HDU 5724 Chess(SG函数)
    2017 计蒜之道 初赛 第一场 A、B题
  • 原文地址:https://www.cnblogs.com/henw/p/2294894.html
Copyright © 2011-2022 走看看