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>

  • 相关阅读:
    为什么重复值高的字段不能建索引(比如性别字段等)
    【转】微服务架构技术栈选型手册
    【转】使用索引为什么能提高查询速度?
    SpringBoot读取配置文件(从classpath/file读取yml/properties文件)
    集合总结--ArrayList、LinkedList、HashMap
    HashMap问答
    【转】http的keep-alive和tcp的keepalive区别
    【转】大数据分析中Redis怎么做到220万ops
    哪个中年IT男不是一边面对危机,一边咬牙硬抗【转】
    SVN clean失败解决方法【转】
  • 原文地址:https://www.cnblogs.com/fx2008/p/2298259.html
Copyright © 2011-2022 走看看