實現狀態欄和文本框內容的動態效果

来源:互联网 发布:哈德斯菲尔德大学 知乎 编辑:程序博客网 时间:2024/06/08 06:05

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>flystatus</title>
<script language="javascript">
<!--
var message2="welcom to our web site ",message3;
var j=0,m=50;
var k=0;
function fly()
{
message3=message2.substring(0,j);
for(k=1;k<m;k++)
{message3+=" ";}
m--;
message3+=message2.substring(j,j+1);
window.status=message3;
message3=message2.substring(0,j);
if(m==0){
m=50;j++;if(j==message2.length)j=0;}
setTimeout("fly()",15);
}
//--></script>

 

</head>
<script language="javascript">
fly();</script>
<form id="fly1" style="background:#999999; border-collapse:inherit; text-decoration:blink">
<input name="textfly" value="" style="background:#99CC33" />動態效果</form>
<script language="javascript">
<!--
var message4="這是一個動態的文本框";
var i=0;
function text()
{
message5=message4.substring(0,i);
i++;
fly1.textfly.value=message5;
if(i==message4.length)i=0;
setTimeout("text()",150);
}//-->
</script>
<script language="javascript">
text();
</script>
<body>
</body>
</html>

原创粉丝点击