JS实现跑马灯效果

原创 2016年08月29日 16:25:20

跑马灯效果 即可以用js实现,也可以用html的marquee元素实现。


	<!-- 公告跑马灯效果  -->
	 	<div class="notice-show">
	 		
	 		<div></div>
	 	</div>
		
		$(document).ready(function(){
			 noticeScroll();
		});
		
		//一个函数,循环调用  
	function noticeScroll(){  
		var noticeContent = $(".notice-show div").text();
		 if(noticeContent.length > 0){
			 //取出要显示文字的第一个字符然后拼接到字符串的末尾  
			  noticeContent= noticeContent.substr(1) + noticeContent.substr(0,1);  
			  $(".notice-show div").text(noticeContent);
			//每隔半秒调用一次,可以更改数字使它更快或更慢  
			setTimeout(noticeScroll,500); 
			//setTimeout("noticeScroll()",500); 
			
		   // setInterval(noticeScroll, 500); //每隔0.5秒就动一次;
		  }
	} 




JS跑马灯效果实现(很好用)

原文地址:http://blog.csdn.net/yangsen251024/article/details/8614305 实现跑马灯效果的JS很多,但是很多不好用,下面介绍一个比较好用的。...
  • tanga842428
  • tanga842428
  • 2017年09月08日 16:13
  • 1890

js实现跑马灯效果

var str = "欢迎光临"; var strLen = 0; //设置跑马灯函数 function showTest(){ if(strLen == str.length){ ...
  • mqf163
  • mqf163
  • 2016年10月26日 11:30
  • 1235

JS 跑马灯效果实现(很好用)

实现跑马灯效果的JS很多,但是很多不好用,下面介绍一个比较好用的。 好用之处在于: 1 支持一个页面多个跑马灯效果 2.支持跑马灯内容的异步加载 关键的实现代码,如果看不懂,可以跑这个列子 ...
  • yangsen251024
  • yangsen251024
  • 2013年02月26日 16:06
  • 42097

jquery实现跑马灯抽奖效果(css js 很全哟)

  • 2016年11月08日 16:22
  • 79KB
  • 下载

用js实现跑马灯抽奖效果

START /*以上是body部分,下面为js实现部分*/var seed ...
  • u010543271
  • u010543271
  • 2016年03月15日 13:17
  • 2033

用js实现跑马灯效果

网页下面的状态栏里有时会用到的跑马灯效果,代码如下: //定义要显示的文字,注意最好是在文字的前后都加上空格,显示时比较美观 var str=" 这个东西真不好做啊!!! "; /...
  • freeline_FLY
  • freeline_FLY
  • 2012年02月23日 21:49
  • 5493

用javascript实现的跑马灯控件,文字跑马灯或图片跑马灯皆可噢!

  • 2012年09月27日 21:41
  • 143KB
  • 下载

HTML中用div标签包含Marquee实现文字走马灯滚动效果

使用Marquee结合DIV实现一个符合W3C标准的文字滚动效果,这里你只需赋给marquee一个id就可以控制文字了。     onmouseout="scrollText.start();" s...
  • gjpdeyx
  • gjpdeyx
  • 2010年08月08日 13:32
  • 3915

原生JS实现走马灯效果

原生JS实现走马灯效果以及本例中用到了一点函数封装思想封装了一个能控制速度大小的走马灯效果。...
  • qq_38384536
  • qq_38384536
  • 2017年06月13日 19:38
  • 1069

JS实现文字跑马灯

转载:http://blog.163.com/freestyle_le/blog/static/18327944820119212328784/ 实现原理: 1)首先截取全部字段,例如 54321...
  • zhu1988renhui
  • zhu1988renhui
  • 2012年05月02日 21:32
  • 6937
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JS实现跑马灯效果
举报原因:
原因补充:

(最多只允许输入30个字)