zoukankan      html  css  js  c++  java
  • 向上滚动

    <script type="text/javascript">// <![CDATA[
    <span id="mce_marker" data-mce-type="bookmark"></span><span id="__caret">_</span>// <![CDATA[
    (function($){
    $.fn.scroll = function(options) {
    var settings = {
    lines: 2,
    delay: 2000
    }

    if (options) {
    $.extend(settings,options);
    }

    var lines = settings.lines,
    delay = settings.delay;
    return this.each(function() {
    var $self = $(this),
    $ul = $self.find('ul:first'),
    iNum = $ul.find('li').length, //广告条数
    iLH = $ul.find('li:first').height(), //每行广告的高度
    speed = 600, //动画执行时间
    timer = null;

    //重置ul的高度
    $ul.height(iLH * iNum);

    //向上滚动函数
    var scrollUp = function() {
    $ul.stop(true,true).animate({top: iLH * lines * -1},speed,function() {
    var _$this = $(this);
    for (var i = 0; i < lines; i++) {
    _$this.find('li:first').appendTo(_$this);
    }
    _$this.css({top:0});
    })
    }

    $self.hover(
    function() {
    clearInterval(timer);
    },
    function() {
    timer = setInterval(scrollUp,delay);
    }
    )

    timer = setInterval(scrollUp,delay);
    })
    }
    })(jQuery)
    // ]]></script>
    <script type="text/javascript">// <![CDATA[
    $(function(){ $('.all_recom').scroll({delay:5000,lines:5}); })
    // ]]></script>
    <div style="height: 144px; background: #fff; padding-top: 20px;">
    <div class="all_recom" style="position: relative; overflow: hidden; 201px; padding: 0 74px; height: 125px;">
    <ul class="act_bd" style="position: absolute; top: 0; left: 0; margin: 0;">
    <li>ssss</li>
    <li>ssss</li>
    <li>ssss</li>
    <li>ssss</li>
    </ul>
    </div>
    </div>
  • 相关阅读:
    java反编译工具
    javascript
    微信小程序
    微信小程序
    微信小程序
    微信小程序
    微信小程序
    微信小程序
    微信小程序
    微信小程序
  • 原文地址:https://www.cnblogs.com/jinbiao/p/2287955.html
Copyright © 2011-2022 走看看