JS实现跑马灯效果

跑马灯效果 即可以用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秒就动一次;
		  }
	} 




  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值