`

跑马灯

阅读更多
<html  >
<head>
<title>setTimerOut</title>
<meta />

</head>
<body  >
<div id="container" style="overflow:hidden;height:60px ;cursor:pointer;border:1px solid red" onmouseover="stopSetTimeOut();" onmouseout="startSetTimeOut();">
<div id="reMsg"  >style="border:1px solid blue"</div>
<div id="joinMsg"   >style="border:1px solid yellow"</div>
</div>
</body>
</html>
<script>var v_setTimeOut=null;
var i=0,j=0,k=0,m=0,n=0;
var container= document.getElementById("container");
var joinMsg= document.getElementById("joinMsg");
var reMsg= document.getElementById("reMsg");
function getMsg(){
	reMsg.innerHTML ="<span title='请求数据库"+(++i)+"'>请求数据库"+(i)+"</span>";
	reMsg.innerHTML +="<br><span title='请求数据库"+(++j)+"'>测试数据"+(j)+"</span>";
	reMsg.innerHTML +="<br><span title='请求数据库"+(++k)+"'>您好,太平洋服务小姐"+(k)+"</span>";
	reMsg.innerHTML +="<br><span title='请求数据库"+(++m)+"'>理赔满意回访"+(m)+"</span>";
	reMsg.innerHTML +="<br><span title='请求数据库"+(++n)+"'>什么什么的"+(n)+"</span>";
	joinMsg.innerText=reMsg.innerText;
	stopSetTimeOut();
	setTimeout("getMsg()",5000);
	//container.scrollTop=0;
	showMsg();
}
getMsg();
//demo2.innerText=demo1.innerText
function showMsg(){
	if (container.offsetHeight < reMsg.offsetHeight)
	{
		   if(joinMsg.offsetTop-container.scrollTop<=0){
				container.scrollTop-=reMsg.offsetHeight
			}else{
				container.scrollTop++;
			}
			startSetTimeOut();
	}else{
		joinMsg.innerText="";
	}
}
function startSetTimeOut(){
		v_setTimeOut = setTimeout("showMsg()",200);
}
function stopSetTimeOut(){
	clearTimeout(v_setTimeOut);
}
</script>
分享到:
评论

相关推荐

    28335跑马灯_28335跑马灯_28335_跑马灯DSP_f28335跑马灯_TMS320F28335_

    跑马灯是一种常见的电子显示效果,常用于LED灯带或显示屏上,呈现出连续滚动的视觉效果。在本项目中,我们将关注的是使用TMS320F28335 DSP(数字信号处理器)来实现跑马灯功能。TMS320F28335是德州仪器(TI)生产的...

    DSP跑马灯奇数_程序_dsp跑马灯程序_dsp跑马灯_

    跑马灯程序是一种常见的电子工程实践,特别是在数字信号处理(DSP)领域,它常用于教学和实验,以帮助初学者理解基本的定时器中断和控制序列。标题中的“DSP跑马灯奇数”可能指的是一个特定的设计,它可能强调了在...

    实现按键控制跑马灯的启停_按键控制跑马灯启停_

    在电子工程领域,尤其是嵌入式系统设计中,"按键控制跑马灯启停"是一项常见的实践任务。这里我们主要探讨如何使用CC2530微控制器来实现这一功能。 CC2530是一款由Texas Instruments公司生产的高性能、低功耗的无线...

    实现按键控制跑马灯的启停_cc2530走马灯程序_CC2530跑马灯_goldenjgz_

    本教程将围绕如何使用CC2530实现按键控制的跑马灯程序进行详细讲解。 首先,跑马灯是一种常见的LED显示效果,通过顺序点亮或熄灭一串LED,形成灯光沿着固定路径移动的视觉效果。在CC2530上实现跑马灯,我们需要利用...

    Qt 实现的跑马灯效果

    【Qt实现的跑马灯效果】是一种常见的GUI编程技术,主要应用于信息滚动显示,常见于电子显示屏、信息提示框等场景。Qt是一个跨平台的C++图形用户界面应用程序开发框架,它提供了丰富的API和工具,使得开发者能够方便...

    CocosCreator3.x实现游戏跑马灯全服游戏通知功能

    在CocosCreator3.x中,实现游戏跑马灯全服游戏通知功能是一项重要的用户体验设计,它可以帮助游戏开发者向玩家实时推送重要信息,如活动更新、系统公告等。下面将详细介绍如何利用CocosCreator3.x来实现这一功能。 ...

    vhdl.rar_matlab跑马灯_vhdl跑马灯_流水灯 matlab_跑马灯_跑马灯VHDL

    vhdl跑马灯 适合初学者同学...流水灯的制作

    unity实现简单跑马灯效果

    在Unity游戏引擎中,跑马灯效果是一种常见的UI动态效果,通常用于滚动显示文本或图像。这个效果在很多游戏和应用中都能见到,比如显示排行榜、公告或者新闻更新。本教程将详细介绍如何使用C#脚本来实现这一效果,并...

    博途V16跑马灯程序

    "博途V16跑马灯程序"是一个基于西门子SIMATIC S7-1200 PLC(可编程逻辑控制器)的编程示例,它主要用于教育和实践目的,特别是对于初学者。跑马灯是一种常见的电气工程示例,通过依次点亮或熄灭一串LED灯来模拟马在...

    Swift.跑马灯效果UIView

    Swift中的跑马灯效果通常指的是文字或图片在视图中循环滚动的现象,这种效果常见于广告栏或通知提示。在iOS开发中,我们可以自定义一个UIView子类来实现这一功能。这里,我们关注的文件是`MarqueeView.swift`,它...

    paomadeng.rar_labview 跑马灯_labview跑马灯_跑马灯

    在本示例中,"paomadeng.rar" 是一个压缩包,其中包含了一个名为 "paomadeng.vi" 的虚拟仪器(VI),这个VI是使用LabVIEW编写的跑马灯程序。 跑马灯效果通常指的是LED灯或字符在显示设备上按照特定顺序循环滚动,就...

    5款简单跑马灯电路图大全

    简单跑马灯电路图一: 最简单的八路跑马灯电路图。用一条8PIN的数据排线把CPU部份的P1口(JP44)连接到八路指示灯部份的JP32;可以看到8路灯轮流闪烁。 简单跑马灯电路图二: CD4017iC内部逻辑电路原理图如图所...

    stm32 跑马灯实验+例程

    STM32跑马灯实验是嵌入式系统开发中的一个基础练习,主要目的是熟悉和掌握STM32微控制器的GPIO(General Purpose Input/Output)功能。在这个实验中,通过编程控制STM32的GPIO引脚,使连接在这些引脚上的LED灯按照...

    状态栏跑马灯

    状态栏跑马灯是一种在移动应用或桌面应用中常见的视觉效果,它通常出现在应用程序的状态栏上,以滚动或循环的方式显示信息,如通知、提示或者电量等动态数据。这种效果在Android和iOS平台上都有实现,尤其在Android...

    实用上下左右滚动的跑马灯JS

    跑马灯效果是一种常见的网页动态展示技术,常用于新闻标题滚动、广告轮播等场景,为页面增添动感和视觉吸引力。在本实例中,我们关注的是一个实现"实用上下左右滚动的跑马灯JS"的代码。这个效果是通过JavaScript语言...

    基于FPGA的Verilog HDL按键跑马灯

    在这个项目中,跑马灯效果可能通过移位寄存器实现,LED的亮灭状态由寄存器中的位序列控制,每次按键按下时,寄存器的位序列会发生变化,从而产生不同的跑马灯模式。 按键操作是用户与系统交互的关键部分。项目中...

    实验1 跑马灯实验_跑马灯实验_gpio跑马灯hex_

    跑马灯实验是一种常见的硬件入门实践,主要用于演示和学习微控制器(MCU)对输入输出端口(GPIO)的控制。在这个实验中,我们将重点讨论如何通过编程实现GPIO口的配置,以控制LED灯的顺序闪烁,从而形成跑马灯的效果...

    EDA实现多状态8位跑马灯

    跑马灯,作为一种常见的电子设计应用,通常在电路板上用LED灯的顺序闪烁来模拟赛马场上的灯光效果,以此吸引注意力或者显示特定的信息。在这个"EDA实现多状态8位跑马灯"项目中,设计者将原有的跑马灯功能进行了扩展...

    Qt跑马灯源程序

    【Qt跑马灯源程序】是一个基于Qt框架开发的应用程序,它实现了跑马灯效果,即文字或图像在界面上连续滚动或循环显示,常见于信息提示或广告展示。跑马灯效果通常用来吸引用户的注意力,高效传递信息。在本项目中,"3...

    TextView滚动,跑马灯效果终极解决方案

    "跑马灯"效果,又称为滚动效果,是指当TextView中的文本内容超过其显示区域时,文本会自动从一端滚动到另一端,形成一种循环滚动的视觉效果。这种效果通常用在通知栏、新闻标题或者广告横幅等场景。在本实验中,我们...

Global site tag (gtag.js) - Google Analytics