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实现跑马灯效果

var str = "欢迎光临"; var strLen = 0; //设置跑马灯函数 function showTest(){ if(strLen == str.length){ ...

js实现跑马灯效果

js抽奖程序(跑马灯效果)

显示效果图: 12345 166 157 148 131211109 ...

js 跑马灯效果

Android学习笔记(实现跑马灯效果的两种方式 )

Android学习笔记(实现跑马灯效果的两种方式 ) 1、使用TextView <TextView android:layout_width="match_parent" ...

TextView实现跑马灯效果

  • 2014-09-25 15:22
  • 1.63MB
  • 下载

android实现跑马灯效果

实现跑马灯效果 1、定义textView标签的4个属性:android:singleLine=”true”//使其只能单行android:ellipsize=”marquee”//去掉省略号andr...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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