3、状态栏上的摆动文字

3、状态栏上的摆动文字

<html>

 

<head>

<title>网页特效---状态栏上的摆动文字</title>

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

</head>

 

<body>

<script language="Javascript">

<!--

var x = 0

var speed = 120

var text = "欢迎学习网页特效制作"

var course = 120

var text2 = text

 

function Scroll() {

window.status = text2.substring(0, text2.length)

 

if (course < text2.length) {

setTimeout("Scroll2()", speed)

}

 

else {

text2 = " " + text2

 

setTimeout("Scroll()", speed);

}

}

 

function Scroll2() {

window.status = text2.substring(x, text2.length)

 

if (text2.length - x == text.length) {

text2 = text

x = 0

 

setTimeout("Scroll()", speed);

}

 

else {

x++

setTimeout("Scroll2()", speed);

}

}

 

Scroll()

//-->

</script>

 

 

<p align="center"><font face="隶书" size="5" color="#0000FF">状态栏上的摆动文字</font></p>

 

<table width="101%" height="163">

  <tr>

    <td width="50%" colspan="2" height="18"></td>

  </tr>

  <tr>

    <td width="8%" height="137"> </td>

    <td width="21%" height="137"><font face="隶书" size="5" color="#FF00FF">?? </font>

      <p><font face="隶书" size="5" color="#FF00FF">?? </font><strong><font

face="幼圆" size="4" color="#000000">注意下面的状态栏一行文字来回摆动,是不是别有一番韵味。</font></strong></p>

      <p> </td>

  </tr>

</table>

 

<p align="center"><font face="隶书" size="5" color="#FF00FF">??? </font></p>

 

<p> </p>

</body>

</html>

 

Write a comment

Comments: 0