📄 4-2.html

📁 JavaScript经典实例教程代码

💻 HTML

字号:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
	<title>多行文本框动态效果</title>
</head>
<script language="JavaScript">
<!-- Begin
var a="\n";
content = new Array(
"   o"+a+
"  /|\\"+a+
" */ \\*        "+a,

"   o_"+a+
"  \<| *"+a+
"  *\>\\         "+a,

"  _o/*"+a+
" * |"+a+
"  / \\         "+a,

" *\o_"+a+
"  /  *"+a+
" \<\\           "+a,

"  _o/*"+a+
" * |"+a+
"  / \\         "+a,

" *\\c/*"+a+
"   )"+a+
"  / \>         "+a,

"     *"+a+
"  \\__/c"+a+
"   \> \\*       "+a,

"   __/"+a+
"    (o_*"+a+
"     \\*       "+a,

"      \\ /"+a+
"       |"+a+
"     */o\\*    "+a,

"       \\_"+a+
"       ("+a+
"     */o\\*    "+a,

"        \<_"+a+
"      __("+a+
"     * o|*    "+a,

"         /_"+a+
"      __("+a+
"     * o|*   "+a,

"         ___"+a+
"      *\/ \>"+a+
"       o|*    "+a,

"        *"+a+
"       o|_/"+a+
"      */  \\   "+a,

"        *"+a+
"      _o|_"+a+
"     *   \>\\   "+a,

"       _o/*"+a+
"      * |"+a+
"       / \\    "+a,

"      *\\o/*"+a+
"        |"+a+
"       / \\    "+a,

"      c/*"+a+
"      \<\\"+a+
"      */\\     "+a,

"      c__"+a+
"      \<\ *"+a+
"      */\\     "+a,

"      c__"+a+
"      /\ *"+a+
"     * /\>     "+a,

"      c/*"+a+
"     /(__"+a+
"    * /       "+a,

"    __o/*"+a+
"    * (__"+a+
"      \<       "+a,

"      __o_"+a+
"     * /  *"+a+
"      \<\\      "+a,

"     *_o_"+a+
"       | *"+a+
"      \< \\     "+a,

"     *_c_*"+a+
"       |"+a+
"       \>\\     "+a,

"     *_c_*"+a+
"       |__"+a+
"       \>      "+a,

"     *_c_*"+a+
"     __|__"+a+
"              "+a,

" "+a+
"     *_c_*"+a+
"     __)__    "+a,

" "+a+
"     *\\c/*"+a+
"     __)__    "+a

);
var x=0;
var max=content.length;
function dance()
{
MF.stage.value = " " + a +content[x];
x++;
if (x != max)
setTimeout("dance()", 200);
else
x = 0;
}
//  End -->
</script>
<body onload="dance()">
<form id=MF><textarea cols=16 id=stage rows=5 style="scroll-bar: no"></textarea>
<br>&nbsp;&nbsp; <input type=button onclick=javascript:dance() value=重新开始>
</form>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -