26、打字效果的文字切换

26、打字效果的文字切换

<html>

 

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>网页特效---打字效果的文字切换</title>

</head>

 

<body>

 

<script language="JavaScript1.2">

<!--

 

/*

Typing Scroller

Submitted by bengaliboy00@hotmail.com (hp: http://www.angelfire.com/nt/bengaliboy/)

With modifications by Dynamicdrive.com

For full source code, usage terms, and 100s more scripts, visit http://dynamicdrive.com

*/

 

//设置滚动的内容

var line=new Array()

line[1]="欢迎光临网页特效"

line[2]="http://linkweb.cn/js"

line[3]="提出宝贵意见"

line[4]="希望你喜欢这种模式"

line[5]="再次感谢你的光临"

 

//设置字体大小

var ts_fontsize="16px"

 

//--Don't edit below this line

 

var longestmessage=1

for (i=2;i<line.length;i++){

if (line[i].length>line[longestmessage].length)

longestmessage=i

}

 

//Auto set scroller width

var tscroller_width=line[longestmessage].length

 

lines=line.length-1 //--Number of lines

 

//if IE 4+ or NS6

if (document.all||document.getElementById){

document.write('<form name="bannerform">');

document.write('<input type="text" name="banner" size="'+tscroller_width+'"');

document.write('  style="background-color: '+document.bgColor+'; color: '+document.body.text+'; font-family: verdana; font-size: '+ts_fontsize+'; font-weight:bold; border: medium none" onfocus="blur()">');

document.write('</form>');

}

 

temp=""

nextchar=-1;

nextline=1;

cursor="\\"

function animate(){

if (temp==line[nextline] & temp.length==line[nextline].length & nextline!=lines){

nextline++;

nextchar=-1;

document.bannerform.banner.value=temp;

temp="";

setTimeout("nextstep()",3000)}

else if (nextline==lines & temp==line[nextline] & temp.length==line[nextline].length){

nextline=1;

nextchar=-1;

document.bannerform.banner.value=temp;

temp="";

setTimeout("nextstep()",3000)}

else{

nextstep()}}

 

function nextstep(){

 

if (cursor=="\\"){

cursor="|"}

else if (cursor=="|"){

cursor="/"}

else if (cursor=="/"){

cursor="-"}

else if (cursor=="-"){

cursor="\\"}

 

 

nextchar++;

temp+=line[nextline].charAt(nextchar);

document.bannerform.banner.value=temp+cursor

setTimeout("animate()",100)}

 

//if IE 4+ or NS6

if (document.all||document.getElementById)

window.onload=animate

// -->

</script>

 

</body>

 

</html>

 

Write a comment

Comments: 2
  • #1

    邓先生 (Wednesday, 16 September 2009 09:51)

    很好

  • #2

    邓先生 (Wednesday, 16 September 2009 09:58)

    我想改变下眼神怎么改啊,把颜色改为和网页一样的底色