UC知道【javascript】状态栏文字滚动特效的问题
来源：百度知道 编辑：UC知道 时间：2024/05/13 05:56:32
<html>
<head>
<script language="JavaScript">
//进页面开始执行前，先提示输入用户自己的消息。
Ret = prompt('在这里输入的话可以在状态栏上看见',"欢迎光临")
var temp
var f =" "
var f = f + (Ret)
var speedtogo = 50 //字符滚动速度，这个可根据需要进行修改。
var counter
function scrollon() {
temp = f.substring(0,1); //取字符串的第一个字符
f += temp //加到字符串的末尾
f = f.substring(1,100); //去掉第一个字符
window.status = f.substring(0,100); //将新生成的字符串写进状态栏
counter = setTimeout("scrollon()",speedtogo); //设定下一次字符卷动的延时
}
</script>
<title>可预先定义的状态栏特效</title>
</head>
<body onLoad="scrollon()">
<!--在页面装入的时候开始卷动字符-->
<b>请注意页面左下角的状态栏</b>
</body>
</html>
核心代码：temp = f.substring(0,1); //取字符串的第一个
<head>
<script language="JavaScript">
//进页面开始执行前，先提示输入用户自己的消息。
Ret = prompt('在这里输入的话可以在状态栏上看见',"欢迎光临")
var temp
var f =" "
var f = f + (Ret)
var speedtogo = 50 //字符滚动速度，这个可根据需要进行修改。
var counter
function scrollon() {
temp = f.substring(0,1); //取字符串的第一个字符
f += temp //加到字符串的末尾
f = f.substring(1,100); //去掉第一个字符
window.status = f.substring(0,100); //将新生成的字符串写进状态栏
counter = setTimeout("scrollon()",speedtogo); //设定下一次字符卷动的延时
}
</script>
<title>可预先定义的状态栏特效</title>
</head>
<body onLoad="scrollon()">
<!--在页面装入的时候开始卷动字符-->
<b>请注意页面左下角的状态栏</b>
</body>
</html>
核心代码：temp = f.substring(0,1); //取字符串的第一个
给你举个例子吧
首先说说SETTIMEOUT(A,B),这个函数是以B为一个时间周期调用A函数。
比如一开始状态栏的字符为abcd
经过一个时间周期后，调用scrollon（）函数将字符变为bcda,再显示，这样反复，字符依次变为cdab,dabc,abcd.......
在一个较短时间周期里，人眼看到的效果就是滚动的abcd.
具体是这样的!
显示步骤如下:
欢迎光临
迎光临欢
光临欢迎
临欢迎光
欢迎光临
连起来就看到移动的效果了!
我建议你去黑马网站，哪里有作网页的一切
www.heima.com