【JS每日练习】实现字体循环流动

最新推荐文章于 2024-05-05 06:39:26 发布

boia

最新推荐文章于 2024-05-05 06:39:26 发布

阅读量1.9k

点赞数

分类专栏： JavaScript练习文章标签： border function html 语言

本文链接：https://blog.csdn.net/boiaprogramfan0420/article/details/7443173

版权

JavaScript练习专栏收录该内容

7 篇文章 0 订阅

订阅专栏

JS绝对是个强大的语言，我发现已经渐渐喜欢上JS了，学了也有两周时间了，今天实现了一个跑马灯实验，虽然不怎么样，但效果还是实现了，拿出来和大家分享一下

<html lang="en-US">
<head>
<style>
	body{background-color:blue;text-align:center;}
	#text{border:0;background-color:blue;font-size:50px;color:red;}
</style>
<script type="text/javascript">
	var msg = " Boiawang's Blog";
	var msg2 = msg + msg;
	var carry = 0;
	function ledScroll()
	{
		document.next.text.value = msg2.substring(carry,msg.length+carry);
		carry++;
		if(carry >= msg.length)
		{
			carry = 0;
		}
		setTimeout("ledScroll()",500);
	}
</script>
</head>
<body οnlοad="ledScroll();">
	<form id="next" name="next">
		<input type="text" name="text" id="text" />
	</form>
</body>
</html>