📄 825zhuang4.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=4 color=red face="Arial, Helvetica, sans-serif"><strong>下面为效果显示区!点击按钮文字停止!!</strong></font></td></tr>
<tr><td align=center><SCRIPT language="javascript">

var scroll = true;
var num = 0;
function scrollStatus() {
        
        var statusText = "";
        var statusChars = new Array(' ', '网', '页', '制', '作', '特', '效', ' ', '欢', '迎', ' 你', '的', '光', '临', '，', '请', '多', '提', '意', '见', '谢', '谢', '!', 'b', 'a', 'r', 'o', 'n', '@', 'n', 'j', 'c', 'a', 't', 'v','.', 'n', 'e', 't');
        for (var l = 0; l < 1; l++) {
                for (var a = num; a < statusChars.length; a++)
                        statusText += statusChars[a];
                for (var b = 0; b < num; b++)
                        statusText += statusChars[b];
                }
        window.status = statusText;
        num++;
        if (num >= statusChars.length)
                num = 0;
        if (scroll) {
                setTimeout("scrollStatus()",300);
                }
        }
scrollStatus();


</SCRIPT>
<form name="form1">
<input name="stopIt" type="button" value="Stop Scrolling"
onClick="       if (scroll == false)
                        scroll = true;
                else
                        scroll = false;
                scrollStatus();
                scrollButton();
        ">
</form>

<SCRIPT language="javascript">

var num = 0;
scrollButton();

function scrollButton() {
        var buttonChars = new Array( '网', '页', '制', '作', '特', '效', ' ', '欢', '迎', ' 你', '的', '光', '临', '，', '请', '多', '提', '意', '见', '谢', '谢', '!', 'b', 'a', 'r', 'o', 'n', '@', 'n', 'j', 'c', 'a', 't', 'v','.', 'n', 'e', 't');
        var buttonText = "";
        for (var a = num; a < buttonChars.length; a++)
                buttonText += buttonChars[a];
        for (var b = 0; b < num; b++)
                buttonText += buttonChars[b];
        num++;
        if (num >= buttonChars.length)
                num = 0;
        document.form1.stopIt.value = buttonText;
        if (scroll) {
                setTimeout("scrollButton();", 300);
                }
        }

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

var scroll = true;
var num = 0;
function scrollStatus() {
        
        var statusText = "";
        var statusChars = new Array(' ', 'S', 'c', 'r', 'i', 'p', 't', ' ', 'B', 'y', ' ', 'P', 'y', 'r', 'o', 'B', 'r', 'i', 'a', 'n', '@', 'h', 'o', 't', 'm', 'a', 'i', 'l', '.', 'c', 'o', 'm');
        for (var l = 0; l < 1; l++) {
                for (var a = num; a < statusChars.length; a++)
                        statusText += statusChars[a];
                for (var b = 0; b < num; b++)
                        statusText += statusChars[b];
                }
        window.status = statusText;
        num++;
        if (num >= statusChars.length)
                num = 0;
        if (scroll) {
                setTimeout("scrollStatus()",100);
                }
        }
scrollStatus();


</SCRIPT>
<form name="form1">
<input name="stopIt" type="button" value="Stop Scrolling"
onClick="       if (scroll == false)
                        scroll = true;
                else
                        scroll = false;
                scrollStatus();
                scrollButton();
        ">
</form>

<SCRIPT language="javascript">

var num = 0;
scrollButton();

function scrollButton() {
        var buttonChars = new Array('S', 't', 'o', 'p', ' ', 'S', 'c', 'r', 'o', 'l', 'l', 'i', 'n', 'g', ' ', ' ');
        var buttonText = "";
        for (var a = num; a < buttonChars.length; a++)
                buttonText += buttonChars[a];
        for (var b = 0; b < num; b++)
                buttonText += buttonChars[b];
        num++;
        if (num >= buttonChars.length)
                num = 0;
        document.form1.stopIt.value = buttonText;
        if (scroll) {
                setTimeout("scrollButton();", 100);
                }
        }

</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 + -