`

div文字纵向不间断滚动

阅读更多

<div id=marqueeDiv1 nowrap style="Height:200;overflow:hidden;background-color:#cccccc;" defaultSpeed=2 tempSpeed=2 onmouseOver="this.tempSpeed=0;" onmouseOut="this.tempSpeed=this.defaultSpeed;">
<div style="height:150px;">
<font color=red >内容1</font><br>
<font color=blue >内容2</font><br>
<font color=black >可以通过设置sub div的height以决定连续之间的空白</font>
</div>
</div>
<script language=javascript defer>
marqueeDiv1.childOffsetHeight=marqueeDiv1.children[0].offsetHeight;
marqueeDiv1.insertAdjacentHTML("beforeEnd",marqueeDiv1.innerHTML+marqueeDiv1.innerHTML);
window.setInterval("marqueeDiv1.scrollTop=(marqueeDiv1.scrollTop+marqueeDiv1.tempSpeed*1)%marqueeDiv1.childOffsetHeight;",20);
</script>
将文字换为图片即可!

分享到:
评论

相关推荐

    jquery图片横向、纵向不间断滚动

    在网页设计中,动态效果是吸引用户注意力的重要手段之一,其中图片的横向和纵向不间断滚动是一种常见的视觉表现手法。这个例子使用了JavaScript库jQuery来实现这一功能,它为开发者提供了便利的操作DOM(文档对象...

    jQuery单行文字上下不间断循环滚动效果,适合做新闻滚动推荐

    接下来,编写jQuery代码来实现文字滚动效果。这里可以使用`animate()`函数来改变文本的`top`或`transform`属性,模拟文字的滚动。一个简单的实现方法是先将所有标题添加到一个看不见的容器,然后逐个将其移动到可视...

    Div块上下左右循环滚动

    【Div块上下左右循环滚动】是一种常见的网页动态效果,它可以使网页中的某个Div元素实现持续不断的循环滚动,增强用户体验和视觉吸引力。这种效果通常通过JavaScript和CSS技术来实现,尤其在现代网页设计中,...

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

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

    DIV滚动悬浮层(滚动条动,层不动)

    在网页设计中,"DIV滚动悬浮层"是一种常见的交互效果,它使得某个元素(通常是一个包含重要信息或功能的div)在用户滚动页面时始终保持在屏幕的特定位置,提供持续的可视性和可访问性。这种效果可以用于侧边栏菜单、...

    DIV+CSS纵向横向下拉菜单,JS图片文字横向滚动小例子

    在这个主题中,我们将深入探讨如何利用 `DIV+CSS` 创建纵向横向下拉菜单以及如何用 `JavaScript` 实现图片文字的横向滚动。 首先,我们来关注 `DIV+CSS` 纵向横向下拉菜单。`DIV` 是HTML中的一个布局容器元素,通过...

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

    在网页设计中,图片不间断向左滚动是一种常见的动态效果,常用于展示轮播图或产品展示区域,可以吸引用户注意力并提升用户体验。这种效果通常通过JavaScript实现,因为JavaScript具有强大的DOM操作能力,能够实时...

    网页局部div随滚动条置顶滚动

    网页局部div随滚动条置顶滚动是一种常见的网页交互设计,常用于新闻网站、电商页面或者任何需要突出显示特定内容的场景。这种效果使得用户在滚动页面时,某个div元素(通常包含重要信息或导航)始终保持在视口顶部,...

    div滚动条 带滚动条的div div滚动条样式

    DIV 滚动条样式详解 在 HTML 中,我们经常需要在 DIV 元素中添加滚动条,以便在内容超出 DIV 区域时,能够滚动查看内容。这篇文章将详细介绍如何使用 CSS 样式表来实现 DIV 滚动条的样式设置。 什么是 DIV 滚动条...

    JS不间断向上滚动

    在网页设计中,"不间断向上滚动"是一种常见的特效,它使得页面内容以连续、循环的方式从底部向上滚动,给予用户一种新颖的浏览体验。这种效果在新闻网站、公告栏或者展示大量文本信息的场景中尤为常见。 实现JS不...

    div随滚动条上下滚动

    `,并指定`top`和`left`属性,该`div`就会固定在屏幕的相应位置,不随页面内容的滚动而移动。 2. **jQuery实现** jQuery提供了方便的DOM操作和事件处理,使得实现这个效果更简洁。可以监听窗口的滚动事件`$(window...

    javascript不间断文字滚动控制代码

    在网页设计中,不间断文字滚动(也称为跑马灯或滚动公告)是一种常见的效果,用于显示大量的文本内容,例如新闻更新、公告或广告。这种效果能够节省页面空间,同时吸引用户的注意力。 在标题中提到的“javascript不...

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

    在网页设计中,有时我们需要创建一个类似电视新闻滚动条的效果,让文字或图片能够不间断地滚动显示。在HTML5时代,我们可以利用JavaScript库如jQuery来实现这样的效果,尤其是模仿传统的Marquee标签,但更加灵活且可...

    JS title栏文字不间断滚动

    以下是一个简单的JavaScript实现标题栏文字滚动的步骤: 1. **HTML 结构**:首先,我们需要在HTML中设置一个标题元素,例如`&lt;h1&gt;`或`&lt;div&gt;`,并将其内容放入`&lt;span&gt;`标签中,以便进行操作。 ```html ...

    js 文字无限,有间断往上滚动

    在探讨“JS文字无限,有间断往上滚动”的技术实现时,我们首先需要理解这个功能的基本概念:通过JavaScript(简称JS)实现一段文本或多个文本元素在网页上以连续但带有间断的方式向上滚动,同时当滚动到一定程度时,...

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

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

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

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

    JS不间断向左右循环滚动

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

    不间断图片滚动代码

    在网页设计中,为了吸引用户的注意力或展示一系列信息,经常使用不间断滚动图片的效果。这种效果通常是通过JavaScript实现的,因为它提供了动态更新页面的能力,而无需重新加载整个页面。本篇文章将详细探讨如何利用...

Global site tag (gtag.js) - Google Analytics