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

来源:互联网 发布:昆山市宏观经济数据库 编辑:程序博客网 时间:2024/05/08 18:12

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 onload="ledScroll();"><form id="next" name="next"><input type="text" name="text" id="text" /></form></body></html>


原创粉丝点击