博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
竖直滚动 jquery 文字 图片
阅读量:6762 次
发布时间:2019-06-26

本文共 1610 字,大约阅读时间需要 5 分钟。

竖直滚动 jquery   文字 图片   .box4{height:200px;overflow:hidden;}  
  .box4 ul{height:auto;}
    $('.box4').myScroll({        speed:500,        scroll_speed:500,        see:8    });(function($){    $.fn.myScroll = function(options){        var defaults = {            speed:40,            see:4,            rowHeight:35,            scroll_speed:200        };        var opts = $.extend({}, defaults, options),Increase=0;        var _self = $(this),            speeds = opts['speed'],            $son = $(this).find('li'),            Reduce=scroll_li = $son.length - opts['see'],            son_ht = $son.innerHeight(),            scroll_spd = opts.scroll_speed;        function marquee(obj,step){            obj.animate({                scrollTop: step+'px'            },scroll_spd,function(){                intervalFun();            });        }        function intervalFun(){            var interval = setInterval(function(){                var _step =0;                if(scroll_li > Increase){                    ++Increase;                    _step = son_ht*Increase;                    marquee(_self,_step);                    clearInterval(interval);                }else if(Reduce != 0){                    --Reduce;                    _step = son_ht*Reduce;                    marquee(_self,_step);                    if(Reduce < 1){                        Reduce = scroll_li;                        Increase=0;                    }                    clearInterval(interval);                }            },speeds);        }        intervalFun();    }})(jQuery);
     
     

    转载地址:http://tbdeo.baihongyu.com/

    你可能感兴趣的文章
    mac虚拟环境下linux系统搭建及系统初始化记录——使用VMWare及RHEL 7
    查看>>
    如何解决pip install Twisted时出错: limits.h: No such file or directory
    查看>>
    交互式数据可视化-D3.js(二)选择集和数据
    查看>>
    Logan:美团点评的开源移动端基础日志库
    查看>>
    怎样给一个Vue页面添加大纲导航
    查看>>
    ElementUI的Table组件中的renderHeader方法研究
    查看>>
    Apache Rewrite
    查看>>
    深入K8S Job(一):介绍
    查看>>
    generic netlink 编程快速入门
    查看>>
    JavaScript 编码规范
    查看>>
    H5页面二次分享
    查看>>
    PTPD2源码解析之:packet的接收和发送
    查看>>
    SLB访问日志分析:基于客户端来源和HTTP状态码的实践
    查看>>
    javascript appendChild()的完整功能
    查看>>
    小程序实现长按录音,上划取消发送
    查看>>
    php实现共享内存进程通信函数之_shm
    查看>>
    Java多线程基础(一)——线程与锁
    查看>>
    01 【零基础入门】html学习笔记(1)
    查看>>
    没有对象?new一个!
    查看>>
    实战PHP数据结构基础之双链表
    查看>>