39、轮流冲向屏幕的文字

39、轮流冲向屏幕的文字

<html>

 

<head>

<title>网页特效-轮流冲向屏幕的文字</title>

</head>

 

<body>

<font face="楷体_GB2312" color="#ff3333"><script language="JavaScript"><!-- Begin

var speed = 20;

var cycledelay = 10000;

var maxsize = 48;

 

var x = 0;

var y = 0;

var themessage, size;

var esize = "";

 

function initArray() {

this.length = initArray.arguments.length;

for (var i = 0; i < this.length; i++) {

this[i] = initArray.arguments[i];

   }

}

var themessage2 = new initArray(

"欢迎学习网页特效制作!!",

"这里资源多多,不停更新!",

"网页特效脚本让您的网页多姿多彩!",

"再次感谢您的到来!"

);

if(navigator.appName == "Netscape")

document.write('<layer id="wds"></layer><br>');

if (navigator.appVersion.indexOf("MSIE") != -1)

document.write('<span id="wds"></span><br>');

function upwords(){

themessage = themessage2[y];

if (x < maxsize) {

x++;

setTimeout("upwords()",speed);

}

else setTimeout("downwords()",cycledelay);

 

if(navigator.appName == "Netscape") {

size = "<font point-size='"+x+"pt'>";

document.wds.document.write(size+"<center>"+themessage+"</center>"+esize);

document.wds.document.close();

}

if (navigator.appVersion.indexOf("MSIE") != -1){

wds.innerHTML = "<center>"+themessage+"</center>";

wds.style.fontSize=x+'px'

   }

}

function downwords(){

if (x > 1) {

x--;

setTimeout("downwords()",speed);

}

else {

setTimeout("upwords()",cycledelay);

y++;

if (y > themessage2.length - 1) y = 0;

}

if(navigator.appName == "Netscape") {

size = "<font point-size='"+x+"pt'>";

document.wds.document.write(size+"<center>"+themessage+"</center>"+esize);

document.wds.document.close();

}

if (navigator.appVersion.indexOf("MSIE") != -1){

wds.innerHTML = "<center>"+themessage+"</center>";

wds.style.fontSize=x+'px'

   }

}

setTimeout("upwords()",speed);

//  End -->

</script>

</font>

<div align="center">

  <center>

  <table border="0" width="100%" height="54">

    <tr>

      <td width="100%" height="18">

        <p class="MsoNormal" align="center"> </p>

        <p class="MsoNormal" align="center"> </p>

        <p class="MsoNormal" align="center"><font color="#FF0000" size="5"><span style="mso-bidi-font-size: 10.0pt; font-family: 宋体; mso-hansi-font-family: Times New Roman"><b>轮流冲向屏幕的文字</b></span></font><span lang="EN-US" style="font-size:15.0pt;mso-bidi-font-size:

10.0pt"><o:p>

        </o:p>

        </span></p>

        <p align="left"><span lang="EN-US" style="font-size: 10.5pt; mso-bidi-font-size: 10.0pt; font-family: 宋体; mso-hansi-font-family: Times New Roman; mso-bidi-font-family: Times New Roman; color: black; mso-font-kerning: 1.0pt; mso-ansi-language: EN-US; mso-fareast-language: ZH-CN; mso-bidi-language: AR-SA; mso-spacerun: yes">   

        </span></td>

    </tr>

    <tr>

      <td width="100%" height="1">

      <p class="MsoNormal" align="left"><font color="#FF00FF"><span lang="EN-US" style="font-size: 10.5pt; mso-bidi-font-size: 10.0pt; font-family: 宋体; mso-hansi-font-family: Times New Roman; mso-bidi-font-family: Times New Roman; mso-font-kerning: 1.0pt; mso-ansi-language: EN-US; mso-fareast-language: ZH-CN; mso-bidi-language: AR-SA"> 

      一行行文字由小变大,又由大变小,</span><span style="font-size:10.5pt;mso-bidi-font-size:10.0pt;font-family:宋体;mso-ascii-font-family:

"Times New Roman";mso-hansi-font-family:"Times New Roman";mso-bidi-font-family:

"Times New Roman";mso-font-kerning:1.0pt;mso-ansi-language:EN-US;mso-fareast-language:

ZH-CN;mso-bidi-language:AR-SA">冲向屏幕</span><span lang="EN-US" style="font-size:

10.5pt;mso-bidi-font-size:10.0pt;font-family:"Times New Roman";mso-fareast-font-family:

宋体;mso-font-kerning:1.0pt;mso-ansi-language:EN-US;mso-fareast-language:ZH-CN;

mso-bidi-language:AR-SA">,</span><span style="font-size: 10.5pt; mso-bidi-font-size: 10.0pt; font-family: 宋体; mso-hansi-font-family: Times New Roman; mso-bidi-font-family: Times New Roman; mso-font-kerning: 1.0pt; mso-ansi-language: EN-US; mso-fareast-language: ZH-CN; mso-bidi-language: AR-SA">并轮流变化内容,还可以加上超链接,形成十分“酷”的动态导航菜单<span lang="EN-US"></span></span></font><font color="#FF0000"><span style="mso-spacerun: yes; font-size: 15.0pt; mso-bidi-font-size: 10.0pt"> </span></font></p>

      <center>

      <p> </td>

    </center>

    </tr>

  </table>

  </center>

</div>

</body>

</html>

 

Write a comment

Comments: 0