`

有关不间断滚动的js了解

    博客分类:
  • Demo
 
阅读更多

做客户网的朋友可能会时常在产品列表中要用到的一个效果.

一般的朋友都会用到marquee这个标签,但是这个标签有一大缺陷,就是,它会在走完一轮之后,就会停一下,然后再继续,

所以就因为针对这个问题,我们现在找到了一个更发的方法.先看附件(scroll.js

  好了,现在我们来看它的应用:

  1.在<body>标签中,我们得加一个onload事件startscroll(),这个是加载这个滚动事件.

  2.然后就是在你要滚动的div上加个这个属性 scroll="640,30,1,x" class="scroll" run="true"

   要说明的事,640是表示div的宽度,30是表示div的高度,1表示速度,x/y表示滚动的方向.

  这样,滚动效果就完美无缺了.

分享到:
评论

相关推荐

    不间断滚动(js封装类,javascript,不间断,滚动,scroll)

    不间断滚动(js封装类,javascript,不间断,滚动,scroll)

    网页通用不间断滚动JS大全 简单实用

    网页通用不间断滚动JS是一种常见的网页动态效果,常用于新闻更新、广告展示或公告滚动等场景。这类效果通过JavaScript实现,可以使得文字、图片等内容在页面上持续滚动,增强视觉吸引力和信息传递效率。"Class Of ...

    通用不间断滚动JS封装类,代替Marquee

    "通用不间断滚动JS封装类,代替Marquee"这个主题涉及到的是利用JavaScript实现类似HTML `&lt;marquee&gt;` 标签的功能,但通过自定义的JS类来提供更灵活、可定制化的滚动效果。 HTML的`&lt;marquee&gt;`标签在早期网页设计中被...

    Marquee Scroll通用不间断滚动JS封装类

    Marquee Scroll通用不间断滚动JS封装类是一种常见的JavaScript技术,用于实现网页元素的自动滚动效果,常见于新闻滚动、公告栏等场景。这类封装类的主要目的是简化开发者的工作,提供一种便捷的方式来实现不同方向...

    滚屏(图片不间断滚动)通用不间断滚动JS封装类

    本项目名为“滚屏(图片不间断滚动)通用不间断滚动JS封装类”,旨在实现一种适用于图片的不间断滚动效果,使得图片能够在页面上连续、平滑地滚动,提升用户体验。以下将详细介绍该技术的核心知识点及其应用。 一、...

    JS不间断向上滚动

    实现JS不间断向上滚动的核心在于利用定时器(setTimeout或setInterval)和DOM操作来更新内容的位置。以下是一些关键知识点: 1. **DOM操作**:JS能够通过Document Object Model (DOM)来操作HTML元素。要实现向上...

    不间断滚动(无缝滚动)修正版js+css

    "不间断滚动(无缝滚动)修正版js+css"是一个网页特效技术,主要应用于网站中,使得文本、图片或任何元素能够像跑马灯一样不间断地滚动展示,为页面增添动态效果,提高用户关注度。这种技术通常被称为marquee效果,...

    图片不间断滚动

    【标题】:“图片不间断滚动”是一种常见的网页动态效果,它使得一组或多组图片在页面上以循环滚动的方式展示,常用于新闻网站的轮播图、产品展示或网站背景装饰等。这种技术通常结合HTML、CSS和JavaScript来实现,...

    JS不间断向左滚动无缝隙

    JS不间断向左滚动javascript无缝隙

    通用不间断滚动JS封装类

    "通用不间断滚动JS封装类"是这个话题的核心,它涉及到利用JavaScript实现页面元素的无限滚动效果,并将其封装成一个可复用的类。下面我们将深入探讨这个知识点。 首先,我们要理解什么是不间断滚动,也称为无限滚动...

    不间断 滚动图片 滚动文字

    不间断滚动图片通常通过JavaScript、jQuery或现代前端框架如Vue、React来实现。基本思路是设置一个定时器,每隔一定时间更新图片的位置,给用户造成图片在不断滚动的视觉效果。具体步骤如下: - 使用CSS将图片容器...

    javascript 间断和不间断文本滚动效果

    javascript 间断和不间断文本滚动效果

    图片不间断向左滚动,js图片向左不间断滚动

    下面我们将深入探讨如何使用JavaScript实现图片不间断向左滚动的原理与方法。 首先,我们需要一个包含多个图片的HTML结构,每个图片元素可以是一个`&lt;img&gt;`标签或者一个`&lt;div&gt;`标签内嵌图片。这些图片通常会被设置为...

    推荐通用文字图片JS不间断滚动封装类 代替Marquee

    标题提到的"推荐通用文字图片JS不间断滚动封装类 代替Marquee",就是一种利用JavaScript实现的动态效果,它旨在为文字和图片提供一种类似传统的Marquee(滚动条)效果,但更加灵活且易于使用的解决方案。Marquee是...

    不间断滚动图片Javascript特效讲解

    "不间断滚动图片Javascript特效"就是一种利用JavaScript编程语言实现的动态效果,主要用于网页上的图片展示,使得图片能够自动、连续地进行滚动,为用户带来流畅的浏览体验。以下是对这个特效的详细讲解: 首先,...

    JS不间断向左右循环滚动

    本教程将详细讲解如何使用JS实现图片的不间断左右循环滚动效果。 首先,我们需要理解核心概念:滚动。在网页中,滚动通常涉及到元素的动态移动,这可以通过改变其CSS属性来实现。这里的"不间断"意味着滚动效果应该...

    MSClass Class Of Marquee Scroll通用不间断滚动JS封装

    本文将详细讨论“MSClass Class Of Marquee Scroll通用不间断滚动JS封装”这一主题,这是一种利用JavaScript实现的滚动效果,旨在为网页元素提供无缝、连续的滚动动画。 一、Marquee效果简介 Marquee效果源自HTML4...

Global site tag (gtag.js) - Google Analytics