<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>滚动显示</title>
</head>
<body>
<div class="tj_nav_text">
<div id=demo style="overflow:hidden; width:100px; height:235px;border:1px solid #b4c6d2">
<div id=demo1>
<div>xxxxxxxxx</div>
<div>xxxxxxxxx</div>
<div>xxxxxxxxx</div>
<div>xxxxxxxxx</div>
<div>xxxxxxxxx</div>
<div>xxxxxxxxxa</div>
<div>xxxxxxxxx</div>
<div>xxxxxxxxx</div>
<div>xxxxxxxxx</div>
<div>xxxxxxxxx</div>
<div>xxxxxxxxx</div>
<div>xxxxxxxxx</div>
<div>xxxxxxxxxa</div>
<div>xxxxxxxxx</div>
<div>xxxxxxxxx</div>
<div>xxxxxxxxx</div>
<div>xxxxxxxxx</div>
<div>xxxxxxxxx</div>
<div>xxxxxxxxx</div>
<div>xxxxxxxxxa</div>
<div>xxxxxxxxx</div>
<div>xxxxxxxxx</div>
<div>xxxxxxxxx</div>
<div>xxxxxxxxx</div>
<div>xxxxxxxxx</div>
<div>xxxxxxxxx</div>
<div>xxxxxxxxx</div>
</div>
<div id=demo2>
</div>
</div>
<script language="javascript">
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
</div>
</body>
</html>
分享到：
相关推荐
本文将深入探讨如何实现这个功能，重点围绕"Android mp3 lyric 滚动显示 Demo"这一主题，结合提供的LyricDemo示例进行讲解。 首先，歌词解析是实现歌词滚动显示的关键步骤。在描述中提到的"yoyoplayer"是一个开源的...
在网页或应用中，当内容超过屏幕显示范围时，滚动条提供了一种浏览全部内容的方式。"滚动条demo" 提供了一个美观且易于使用的滚动条模板，特别适合那些希望提升界面视觉效果的开发者。这个模板充分利用了CSS3的强大...
本示例“iscroll移动app滚动分页demo”旨在演示如何在App中实现这种功能，包括上拉刷新和下拉加载更多内容，为用户提供更佳的浏览体验。 iscroll是由Matteo Spinelli开发的一个轻量级、高性能的JavaScript滚动库，...
总结来说，"QT滚动文本demo"是关于如何利用Qt库创建一个具有滚动效果、颜色变换和背景定制的文本显示程序。它涉及到Qt的事件处理、样式表、定时器以及可能的动画机制，是一个很好的学习Qt界面编程和动态效果实现的...
本示例“ios应用源码之自动滚动demo 20181210”提供了一个实现这一功能的基础代码框架。在这个项目中，我们将深入探讨如何使用Swift或Objective-C来构建这样一个自动滚动的效果。 首先，我们需要理解的是iOS中的UI...
滚动条允许用户查看和浏览超出屏幕显示范围的内容。本示例"滚动条Demo"着重于使用C++语言自定义滚动条，这在创建高级用户界面或特定设计需求时特别有用。下面我们将深入探讨滚动条的基本概念、C++中实现滚动条的方法...
在本示例中，“类似跑马灯Led灯的滚动效果demo”是一个用于按钮的程序，可以自定义显示的文字内容。用户可以根据需求输入一个字符数组，程序会根据这个数组来动态生成滚动效果。这样的功能在UI设计中颇为实用，特别...
这个插件能够使文本在网页上优雅地向上或向下滚动，极大地增强了用户体验，尤其适用于新闻更新、公告展示或者任何需要滚动显示大量文字的场景。 **jQuery基础** jQuery是一款轻量级的JavaScript库，简化了...
在本示例"html_javascript_监听滚动条demo"中，我们将探讨如何使用JavaScript来监听用户的滚动条行为，从而实现更丰富的用户体验。 滚动条监听在现代网页设计中非常常见，它可以用于创建无限滚动、视差效果或者在...
本Demo“优化UITableViewCell滚动性能”正是针对这一问题进行探讨和实践。 首先，我们来了解为什么UITableViewCell滚动会变得不流畅。当用户滚动UITableView时，系统会根据需要加载和回收单元格。如果每个单元格的...
每个广告项也是一个独立的`<div>`，可以通过CSS设置其宽度、高度和溢出隐藏属性，以便在滚动时显示。 ```html 广告1 广告2 广告3 <!-- 更多广告项... --> ``` 二、CSS 样式 CSS是实现竖直滚动广告动画效果的...
这个“ios上下无限循环滚动实现demo”旨在教你如何在iOS应用中构建这样的功能。我们将探讨以下关键知识点： 1. **UIScrollView**： UIScrollView是iOS中的基础组件，它允许内容在视图边界之外滚动。在这个示例中，...
在Web开发中，数字滚动效果通常用于显示实时更新的数据，如股票价格、计数器或者统计数字等。这种效果可以给用户带来更加直观和动态的体验。这个demo特别提到了“支持小数点”，这意味着它不仅能够处理整数的滚动，...
4. **个性化定制**：Demo版可能允许用户自定义滚动新闻的显示位置、透明度，甚至可以设置特定时间段自动启动和关闭，以避免在用户不需要的时候打扰。 5. **多语言支持**：对于面向全球用户的软件，多语言支持是必不...
这个"文字上下滚动小demo"就是一个实现此类效果的例子。主要使用了`TextSwitcher`组件，这是一个专为显示交替文本设计的视图，常用于实现动画过渡效果。 `TextSwitcher`是`ViewSwitcher`类的一个子类，它提供了两个...
在本示例项目“UIScrollView实现图片无限滚动Demo”中，开发者利用`UIScrollView` 和其相关特性，创建了一个可以无限循环滚动图片的界面，同时集成了`UIPageControl` 用于指示当前显示的图片位置。这个功能常用于...
"IOS应用源码Demo-自动滚动demo-毕设学习.zip"这个压缩包包含了一个特定的iOS应用示例，专注于自动滚动功能，这对于iOS开发者，尤其是正在进行毕业设计或论文研究的学生来说，是一个非常有价值的参考资料。...
这个"iOS开发歌词条滚动效果demo"旨在展示如何模仿网易云音乐的歌词同步滚动功能，使用了Core Animation框架中的CATextLayer来实现。接下来，我们将深入探讨相关知识点。 首先，我们要了解`CATextLayer`。它是Core ...
// 当前显示的图片索引 function scrollImages() { if (!pauseScroll) { currentSlide = (currentSlide + 1) % $('#scrolling-container li').length; $('#scrolling-container').stop().animate({ ...
标题中的“图片横向滚动效果 demo”指的是一个网页设计或前端开发中的特定功能，它允许图片在水平方向上连续滚动，通常用于展示一组横向排列的图片，例如幻灯片、产品展示或照片墙等。这种效果可以增加网页的视觉...