文档章节

前端js实现新闻列表数据动态滚动效果的函数

 王二小_123
发布于 2017/03/31 15:18
字数 94
阅读 16
收藏 0

       window.onload = function() {
            setTimeout("startmarquee(34, 50, 0, 'data')", 1000);
        };
        function startmarquee(lh,speed,delay,id) {
            var t;
            var p = false;
            var o = document.getElementById(id);
            o.innerHTML += o.innerHTML + o.innerHTML;
            o.innerHTML += o.innerHTML + o.innerHTML + o.innerHTML;
            o.onmouseover = function() {
                p = true;
            }
            o.onmouseout = function() {
                p = false;
            }
            o.scrollTop = 0;

            function start() {
                t = setInterval(scrolling,speed);
                if(!p) o.scrollTop += 2;
            }

            function scrolling() {
                if(o.scrollTop%lh != 0) {
                    o.scrollTop += 2;
                    if(o.scrollTop >= o.scrollHeight / 2) o.scrollTop = 0;
                } else {
                    clearInterval(t);
                    setTimeout(start,delay);
                }
            }
            setTimeout(start,delay);
        }

© 著作权归作者所有

共有 人打赏支持
粉丝 0
博文 15
码字总数 1506
作品 0
三门峡
程序员
私信 提问
67 个节省开发者时间的实用工具、库与资源(前端向)

在这篇文章中,我不会与大家谈论大型的前端框架,如 React、Angular、Vue 等,也没有涉及那些流行的代码编辑器,如 Atom、VS Code、Sublime,我只想与大家分享一个有助于提升开发人员效率的工...

张孝国
2018/06/26
0
0
前端开发:setTimeout与setInterval 定时器与异步循环数组

            前端开发:setTimeout与setInterval 定时器与异步循环数组 前言:   开通博客园三个月以来,随笔记录了工作中遇到的大大小小的难题,也看过无数篇令人启发的文章,...

grootzhang
2016/06/13
0
0
基于 BindingX 的富交互解决方案

基于 BindingX 的富交互解决方案 BindingX 官网: https://alibaba.github.io/bindingx/ BindingX 项目地址: https://github.com/alibaba/bindingx 一. 背景 在 Weex 环境下实现一些复杂的手势...

作者: 楚奕
2018/05/31
0
0
说说 Vue.js 中的 v-for 列表渲染指令

1 基本用法 当遍历一个数组或枚举一个对象进行迭代循环展示时,就会用到列表渲染指令 v-for。 它的表达式需要结合 in 来使用,类似 item in items 的形式。 1.1 遍历数组 html: js: 效果:...

deniro
2018/11/18
0
0
前端性能优化之Lazyload

@(Mob前端-冬晨)[JavaScript|技术分享|懒加载] [TOC] Lazyload 简介 前端工作中,界面和效果正在变得越来越狂拽炫酷,与此同时性能也是不得不提的问题。有些项目,页面长,图片多,内容丰富。...

idongchen
2018/07/23
0
0

没有更多内容

加载失败,请刷新页面

加载更多

jenkins安装

https://my.oschina.net/u/593517/blog/1797968 jenkins 安装 https://my.oschina.net/u/593517/blog/3028175 GIT 安装 https://my.oschina.net/u/593517/blog/3028179 maven 安装 插件安装 ......

Gm_ning
4分钟前
0
0
小言服务端解决方案-监控

框架保证方向,整体包容细节 为保证服务端运行平稳正常,owner应使得系统应保有相应的监控:系统监控,业务监控。而服务运行的平稳高效是否有保障跟监控粒度又成直接的正比关系。本文仅针对开...

重城重楼
16分钟前
0
0
搜索引擎(Elasticsearch搜索详解)

学完本课题,你应达成如下目标: 掌握ES搜索API的规则、用法。 掌握各种查询用法 搜索API 搜索API 端点地址 GET /twitter/_search?q=user:kimchy GET /twitter/tweet,user/_search?q=user:...

这很耳东先生
39分钟前
6
0
浅谈如何减少GC的次数

GC会stop the world。会暂停程序的执行,带来延迟的代价。所以在开发中,我们不希望GC的次数过多。 本文将讨论如何在开发中改善各种细节,从而减少GC的次数。 (1)对象不用时最好显式置为 Nu...

浮躁的码农
41分钟前
1
0
jpa 自定义返回对象

任何ORM框架都少不了开放自定义sql的问题。jpa自然也不例外,很多场景需要写复杂sql的。 首先定义一个方法签名,然后打上@Query注解。像下面这样,需要注意nativeQuery,这个表示query中的字...

朝如青丝暮成雪
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部