`
joshuaton
  • 浏览: 27129 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

用marquee实现无间断滚动

阅读更多

代码

写道
<div id=ami style=overflow:hidden;height:50;width:150>
<div id=ami1>
我是打头的<br>
我向上运动<br>
我向上运动<br>
我向上运动<br>
我向上运动<br>
我向上运动<br>
我向上运动
</div>
<div id=ami2></div>
</div>
<script>
var speed=30;
ami2.innerHTML=ami1.innerHTML
function Marquee()
{
if(ami2.offsetTop-ami.scrollTop<=0)
ami.scrollTop-=ami1.offsetHeight;
else
ami.scrollTop++;
}
var MyMar=setInterval(Marquee,speed)
ami.onmouseover=function() {clearInterval(MyMar)}
ami.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>

 

参考文献:http://bbs.51js.com/viewthread.php?tid=36129&fpage=1

 

分享到:
评论

相关推荐

    jQuery 模拟 Marquee 无缝滚动 不间断滚动

    Marquee 效果是传统 HTML 中的一种标签,用于实现文本或图像的不间断滚动,但在现代 web 开发中,我们通常使用 jQuery 来模拟这种效果,因为它提供了更大的灵活性和控制力。本文将深入探讨如何使用 jQuery 创建一个...

    jQuery 模仿 Marquee 间歇式 无缝滚动 不间断滚动

    5. **不间断滚动**: 指的是滚动过程持续进行,没有停顿,除非用户进行其他操作。 为了实现这个效果,我们通常需要以下步骤: 1. **HTML结构**:在`index.html`中,我们需要创建一个包含滚动内容的容器,例如一个`...

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

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

    jQuery实现网站中公告上下无缝滚动,marquee

    jQuery 是一个广泛使用的 JavaScript 库,它简化了DOM操作、事件处理和动画效果,因此用jQuery来实现公告的上下无缝滚动是理想的选择。在本教程中,我们将深入探讨如何使用jQuery实现这个功能。 首先,我们需要在...

    很不错的marquee不间断滚动,调用数据库站内公告代码,速度可调整

    不错的marquee不间断滚动,调用数据库站内公告代码,速度可调整,有实例网站 有需要的朋友,可以直接复制使用,仅需修改调用数据库连接及字段部分就可以了,其它部分不需要修改!尺寸根据实际微调下即可实现站内...

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

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

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

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

    marquee无缝隙循环

    本文将重点介绍如何使用JavaScript实现marquee的无缝隙循环效果,特别是解决常见的三个问题:不符合W3C标准、代码移植性差以及动态添加图片时的局限性。 #### 二、背景与挑战 ##### 1. HTML不符合W3C的最新标准 ...

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

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

    不错的marquee不间断滚动,调用数据库站内公告代码,速度可调整,有实例网站

    不错的marquee不间断滚动,调用数据库站内公告代码,速度可调整,有实例网站 有需要的朋友,可以直接复制使用,仅需修改调用数据库连接及字段部分就可以了,其它部分不需要修改!尺寸根据实际微调下即可实现站内...

    JS无间隔滚动代码,javascript,marquee

    3. **定时器(setTimeout或setInterval)**:JavaScript的定时器功能是实现无间隔滚动的关键。你可以使用`setInterval`函数定期更新元素的位置,从而实现连续滚动。 4. **计算滚动距离和速度**:为了确保无间隔滚动...

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

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

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

    (Class Of Marquee Scroll通用不间断滚动JS封装类) Ver 1_6_files/MSClass.js"&gt; // 创建实例 var myScroll = new MSClass({ element: '#myMarquee', speed: 30, // 每帧移动距离 loop: true // 是否循环滚动 });...

    实现连续滚动文字效果,无间断

    根据给定文件的信息,本文将详细介绍如何实现网页上连续滚动的文字效果,并确保其无间断地展示。在实际开发过程中,这种效果常用于新闻滚动、公告栏等场景,能够有效地吸引用户注意力并传达重要信息。 ### 实现原理...

    不间断 滚动图片 滚动文字

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

    /*MSClass (Class Of Marquee Scroll通用不间断滚动JS封装类) Ver 1.6*\

    本文将深入探讨一个名为"MSClass"的JavaScript封装类,它专为实现各种类型的不间断滚动效果而设计,包括文字翻屏、间歇滚动以及向各个方向的滚动。MSClass Ver 1.6版提供了丰富的功能,允许开发者创建出更加灵活和...

    Class Of Marquee Scroll通用不间断滚动JS封装类 Ver 2.65

    MSClass (Class Of Marquee Scroll通用不间断滚动JS封装类) Ver 2.65 更新时间:2011-05-18 (Ver 2.65) 压缩包里面有不间断滚动实例和使用说明,绝对值得收藏.

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

    标题中的"MSClass Class Of Marquee Scroll通用不间断滚动JS封装.zip"表明这是一个使用JavaScript实现的通用无缝滚动效果的代码库,特别适用于网页中的文本或图片滚动展示。这种滚动效果常见于新闻网站、广告横幅等...

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

    "Class Of Marquee Scroll通用不间断滚动JS封装类"是一个专门设计的JS库,它提供了一种简便的方法来实现这种效果。 这个库的核心在于它的封装性。封装意味着开发者无需深入理解复杂的JS滚动逻辑,只需调用预定义的...

    js代码 无缝滚动效果

    无缝滚动是一种网页元素展示方式,通过JavaScript来控制内容如图片、文字等以循环、不间断的方式移动,模拟出一种无边界的滚动效果。这种效果在许多现代网站设计中被广泛采用,可以提高用户体验,吸引用户的注意力。...

Global site tag (gtag.js) - Google Analytics