⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 825text7.htm

📁 javascript各种效果的实例及源代码
💻 HTM
字号:
🔍 
<html>
<head>
<title>文字飘动输出</title>
<style type="text/css">
<!--
body {  font-family: "宋体"; font-size: 9pt; margin-top: 0px; margin-left: 0px; margin-right: 0px}
A { COLOR: black; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: none }
 A:hover { COLOR: red; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: underline }
a:active     { font: 9pt "宋体"; cursor: hand; color: #FF0033 }

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

<body bgcolor="#fef4d9">
<br>
<br>
<center><font color=red face="隶书" size=6>文字飘动输出</font></center>
<br>
<center>
<table border=5 bordercolor=blue borderlight=green>
<tr><td align=center><font size=5 color=red face="Arial, Helvetica, sans-serif"><strong>下面为效果显示区!</strong></font></td></tr>
<tr><td align=center>
   <SCRIPT LANGUAGE=JAVASCRIPT> 

 var ltext="超级javascript欢迎你的光临!!!" /*the message*/

 var spc=10 /*spacing*/

 var speed=50 /*speed in milliseconds*/

 var times=2 /*number of times to run each style*/

 

 /* DISPLAY DIMENTIONS */

 var rows=5 /*number of textarea rows*/

 var cols=60 /*number of textarea coloums*/

 

 /* ADVANCED OPTIONS */

 var addstopbutton=true /*add optional stop button? ture=yes false=no*/

 var stopbuttonvalue="                 STOP                     " /* Text For Stop Button */

 var startvalue="                 START                     " /* When Stop Button Clicked Button Value=? */

 

 /* END OF OPTIONS */

 

 var len=spc*2;var text=ltext;var i;

 var stop=false;var stopped;

 for (i=0;i<spc;i++){text=text+" "}

 function array(n) {

 this.length = n

 for (i=1; i <= n; i++){this[i] ="";}

 return this}

 

 document.writeln('<FORM NAME="F">')

 document.writeln('<TEXTAREA ROWS='+rows+' COLS='+cols+' NAME="D" WRAP=SOFT></TEXTAREA>')

 if (addstopbutton){document.writeln('<BR><INPUT TYPE=BUTTON VALUE="'+stopbuttonvalue+'" ONCLICK="stopstart()" NAME=SS>')}

 document.writeln('</FORM>')

 

 var l=text.length

 var ll=ltext.length;

 var lb=new array(l)

 var lr=new array(spc*2+1)

 var lg=new array(ll)

 var lk=new array(ll)

 lb[0]=text;

 lb[l]=text;

 for (j=1;j<l;j++){

         for (i=1;i<=l;i++){

                 lb[j]=lb[j]+lb[j-1].charAt(i);if(i==l){lb[j]=lb[j]+lb[j-1].charAt(0)

                 }

         }}

 

 lr[0]=ltext;

 lr[spc*2]=ltext;

 for (i=1;i<=spc;i++){

         lr[i]=" "+lr[i-1]

         }

 for (i=spc*2-1;i>=spc+1;i--){

         lr[i]=" "+lr[i+1]

         }

 

 lg[0]=ltext;

 var ll=ltext.length;

 for (j=1;j<ll;j++){

         for (i=lg[j-1].length-2;i>=0;i--){

                 lg[j]=lg[j-1].charAt(i)+lg[j];

                 }}

 lk[ll]=ltext;

 for (j=ll-1;j>=0;j--){

         for (i=1;i<=l;i++){

                 lk[j]=lk[j]+lk[j+1].charAt(i);

                 }}

 

 var lge="";var lbe="";var rle="";

 for (i=0;i<rows;i++){

 lge=lge+lg[i]+unescape('%0D%0A')}

 for (i=0;i<rows;i++){

 lbe=lbe+lb[l-i]+unescape('%0D%0A')}

 for (i=1;i<=rows;i++){

 rle=rle+lr[spc*2-i]+unescape('%0D%0A')}

 

 var c=1;

 var i=ll;

 var j=0;

 var f=0;

 

 

 function lgf(){

 if(stop==false){

 if(i>ll){j=0;i=i-2};

 if(i==0&&j==0){c++;j=1};

 if(j!=0){document.F.D.value=lg[i]+unescape('%0D%0A')+document.F.D.value;i++}

 if(j==0){document.F.D.value=lg[i]+unescape('%0D%0A')+document.F.D.value;i--}

 if(c<=times){setTimeout("lgf()",speed)}else{document.F.D.value=lge;i=0;j=0;c=0;t()}

 }

 }

 

 

 function t(){

 if(stop==false){

 if(i>l){i=1};

 document.F.D.value=lb[i]+unescape('%0D%0A')+document.F.D.value;i++;j++

 if(j<=l*times){setTimeout("t()",speed)}else{document.F.D.value=lbe;i=0;j=0;rl()}

 }

 }

 

 function rl(){

 if (stop==false){

 if(i>=spc*2){i=0};

 document.F.D.value=lr[i]+unescape('%0D%0A')+document.F.D.value;

 i++;j++;

 if(j<len*times){setTimeout("rl()",speed)}else{document.F.D.value=rle;i=ll-1;j=0;trans()}

 }}

 

 function trans(){

 if(stop==false){

 document.F.D.value=lk[i]+unescape('%0D%0A')+document.F.D.value;i--;

 if(i!=1){setTimeout("trans()",speed)}else{i=ll;lgf()}

 }}

 

 function stopstart(){

 stopped=stop;

 if(stopped==false){stop=true;document.F.SS.value=startvalue}

 if(stopped==true){stop=false;document.F.SS.value=stopbuttonvalue;document.F.D.value="";i=11;j=0;c=0;lgf()}

 }

 

 

 if (rows>spc||rows>ll){alert("ERROR!\nrows can NOT be more that spaces or message length!!!!\ndont ask why thats just the way it is.")}

 if (spc+ll>cols){alert("ERROR!\ncols(coloums) can NOT be less that the message length + spacing length")}

 if (rows<=spc&&rows<=ll&&spc+ll<=cols){lgf()}

 

 </SCRIPT>
</td></tr>
</table></center>
<br>
<br>
<center>
<textarea name=source rows=12 cols=45 class=yk9>
脚本说明:
把如下代码加入<body>区域中

   <SCRIPT LANGUAGE=JAVASCRIPT> 

 var ltext="超级javascript欢迎你的光临!!!" /*the message*/

 var spc=10 /*spacing*/

 var speed=50 /*speed in milliseconds*/

 var times=2 /*number of times to run each style*/

 

 /* DISPLAY DIMENTIONS */

 var rows=5 /*number of textarea rows*/

 var cols=60 /*number of textarea coloums*/

 

 /* ADVANCED OPTIONS */

 var addstopbutton=true /*add optional stop button? ture=yes false=no*/

 var stopbuttonvalue="                 STOP                     " /* Text For Stop Button */

 var startvalue="                 START                     " /* When Stop Button Clicked Button Value=? */

 

 /* END OF OPTIONS */

 

 var len=spc*2;var text=ltext;var i;

 var stop=false;var stopped;

 for (i=0;i<spc;i++){text=text+" "}

 function array(n) {

 this.length = n

 for (i=1; i <= n; i++){this[i] ="";}

 return this}

 

 document.writeln('<FORM NAME="F">')

 document.writeln('&lt;TEXTAREA ROWS='+rows+' COLS='+cols+' NAME="D" WRAP=SOFT&lt;&gt;/TEXTAREA&gt;')

 if (addstopbutton){document.writeln('<BR><INPUT TYPE=BUTTON VALUE="'+stopbuttonvalue+'" ONCLICK="stopstart()" NAME=SS>')}

 document.writeln('</FORM>')

 

 var l=text.length

 var ll=ltext.length;

 var lb=new array(l)

 var lr=new array(spc*2+1)

 var lg=new array(ll)

 var lk=new array(ll)

 lb[0]=text;

 lb[l]=text;

 for (j=1;j<l;j++){

         for (i=1;i<=l;i++){

                 lb[j]=lb[j]+lb[j-1].charAt(i);if(i==l){lb[j]=lb[j]+lb[j-1].charAt(0)

                 }

         }}

 

 lr[0]=ltext;

 lr[spc*2]=ltext;

 for (i=1;i<=spc;i++){

         lr[i]=" "+lr[i-1]

         }

 for (i=spc*2-1;i>=spc+1;i--){

         lr[i]=" "+lr[i+1]

         }

 

 lg[0]=ltext;

 var ll=ltext.length;

 for (j=1;j<ll;j++){

         for (i=lg[j-1].length-2;i>=0;i--){

                 lg[j]=lg[j-1].charAt(i)+lg[j];

                 }}

 lk[ll]=ltext;

 for (j=ll-1;j>=0;j--){

         for (i=1;i<=l;i++){

                 lk[j]=lk[j]+lk[j+1].charAt(i);

                 }}

 

 var lge="";var lbe="";var rle="";

 for (i=0;i<rows;i++){

 lge=lge+lg[i]+unescape('%0D%0A')}

 for (i=0;i<rows;i++){

 lbe=lbe+lb[l-i]+unescape('%0D%0A')}

 for (i=1;i<=rows;i++){

 rle=rle+lr[spc*2-i]+unescape('%0D%0A')}

 

 var c=1;

 var i=ll;

 var j=0;

 var f=0;

 

 

 function lgf(){

 if(stop==false){

 if(i>ll){j=0;i=i-2};

 if(i==0&&j==0){c++;j=1};

 if(j!=0){document.F.D.value=lg[i]+unescape('%0D%0A')+document.F.D.value;i++}

 if(j==0){document.F.D.value=lg[i]+unescape('%0D%0A')+document.F.D.value;i--}

 if(c<=times){setTimeout("lgf()",speed)}else{document.F.D.value=lge;i=0;j=0;c=0;t()}

 }

 }

 

 

 function t(){

 if(stop==false){

 if(i>l){i=1};

 document.F.D.value=lb[i]+unescape('%0D%0A')+document.F.D.value;i++;j++

 if(j<=l*times){setTimeout("t()",speed)}else{document.F.D.value=lbe;i=0;j=0;rl()}

 }

 }

 

 function rl(){

 if (stop==false){

 if(i>=spc*2){i=0};

 document.F.D.value=lr[i]+unescape('%0D%0A')+document.F.D.value;

 i++;j++;

 if(j<len*times){setTimeout("rl()",speed)}else{document.F.D.value=rle;i=ll-1;j=0;trans()}

 }}

 

 function trans(){

 if(stop==false){

 document.F.D.value=lk[i]+unescape('%0D%0A')+document.F.D.value;i--;

 if(i!=1){setTimeout("trans()",speed)}else{i=ll;lgf()}

 }}

 

 function stopstart(){

 stopped=stop;

 if(stopped==false){stop=true;document.F.SS.value=startvalue}

 if(stopped==true){stop=false;document.F.SS.value=stopbuttonvalue;document.F.D.value="";i=11;j=0;c=0;lgf()}

 }

 

 

 if (rows>spc||rows>ll){alert("ERROR!\nrows can NOT be more that spaces or message length!!!!\ndont ask why thats just the way it is.")}

 if (spc+ll>cols){alert("ERROR!\ncols(coloums) can NOT be less that the message length + spacing length")}

 if (rows<=spc&&rows<=ll&&spc+ll<=cols){lgf()}

 

 </SCRIPT>
</textarea>
<SCRIPT LANGUAGE="JavaScript">

<!-- hide

function goHist(a) 

{

   history.go(a);

}

//-->

</script>

<FORM METHOD="post">
<INPUT TYPE="button" VALUE="返回" onClick="goHist(-1)" style="background-color: #8000FF; color: rgb(255,255,255)">
</form>
</center>
<br>
<br>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -