JavaScript小功能跑马灯【每日一段代码2】
2012-01-16 23:28
741 查看
<html>
<head>
<title>跑马灯</title>
<style type="text/css">
body{
background-color:#06F;
}
input{
background:transparent;
border:none;
color:#FFF;
font-size:35px;
font-weight:bold;
font-family:微软雅黑;
}
</style>
<script type="text/javascript">
var msg="跑马灯文字,吽哈哈。";
var interval = 550;
var seq=0;
function LenScroll() {
document.nextForm.lenText.value = msg.substring(seq, msg.length)+" "+msg;
seq++;
if(seq>msg.length)
seq = 0;
window.setTimeout("LenScroll();",interval);
}
</script>
</head>
<body onload="LenScroll()">
<center>
<form name="nextForm">
<input type="text" name="lenText" />
</form>
</center>
</body>
</html>
【简单的JavaScript代码,实现的跑马灯小功能。如果你是程序小白可以来看一下,练练手还是可以的。谢绝大牛围观。】
<head>
<title>跑马灯</title>
<style type="text/css">
body{
background-color:#06F;
}
input{
background:transparent;
border:none;
color:#FFF;
font-size:35px;
font-weight:bold;
font-family:微软雅黑;
}
</style>
<script type="text/javascript">
var msg="跑马灯文字,吽哈哈。";
var interval = 550;
var seq=0;
function LenScroll() {
document.nextForm.lenText.value = msg.substring(seq, msg.length)+" "+msg;
seq++;
if(seq>msg.length)
seq = 0;
window.setTimeout("LenScroll();",interval);
}
</script>
</head>
<body onload="LenScroll()">
<center>
<form name="nextForm">
<input type="text" name="lenText" />
</form>
</center>
</body>
</html>
【简单的JavaScript代码,实现的跑马灯小功能。如果你是程序小白可以来看一下,练练手还是可以的。谢绝大牛围观。】
相关文章推荐
- JavaScript round() 方法【每日一段代码95】
- JavaScript break【每日一段代码59】
- JavaScript 创建用于对象的模板【每日一段代码78】
- JavaScript cookie 【每日一段代码69】
- JavaScript for in 遍历数组 【每日一段代码89】
- JavaScript alert 换行 【每日一段代码47】
- JavaScript sort() 方法数组排序数字【每日一段代码93】
- JavaScript boolean 对象检查逻辑值【每日一段代码94】
- JavaScript 调用函数 【每日一段代码50】
- JavaScript 参数调用2 【每日一段代码52】
- JavaScript random() 方法【每日一段代码96】
- JavaScript 确认检测浏览器及版本【每日一段代码65】
- JavaScript 使用计时事件制作的钟表 【每日一段代码76】
- JavaScript 从0计时 【每日一段代码74】
- JavaScript indexOf() 方法 【每日一段代码81】
- JavaScript for 循环标题【每日一段代码56】
- JavaScript 计时器 【每日一段代码72】
- JavaScript 创建对象实例 【每日一段代码77】
- JavaScript 返回字符串长度 【每日一段代码79】
- JavaScript 练习 生成文字 【每日一段代码36】