📄 zh8.htm

📁 javascript各种效果的实例及源代码
💻 HTM
字号:
<html>
<head>
<title>图形循环渐显脚本</title>
<style type="text/css">
<!--
body {  font-family: "宋体"; font-size: 9pt; margin-top: 0px; margin-left: 4px; 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">
 <SCRIPT LANGUAGE = "JavaScript">

     function makeArray() {
     this.length = makeArray.arguments.length;
             for (var i = 0; i < this.length; i++)
             this[i + 1] = makeArray.arguments[i];
     }

     function makeSlideShow (obj, wait, pre, url) {
     this.curText = '';
     this.posit = 1;   
     this.word = obj;  
     this.length = obj.length;
     this.pre = pre;
     this.wait = wait;
     this.url = url;
     this.display = displaySlideShow;
     }

     function displaySlideShow() {
             if (this.posit <= this.length) {
             this.curText = this.word[this.posit]
             outStringWord = blankFrameTop + this.pre + this.curText + blankFrameBottom;
             parent.draw.location = 'javascript:parent.outStringWord';
             this.posit++;
             }
             else {
             doneLoop = true;
             top.location = this.url;
             }
     }

     function displayLoop() {
     if (!doneLoop) reDraw = setTimeout('displayLoop()', wordIntro.wait);
     wordIntro.display();
     }

     var words = new makeArray ('欢迎光临 ', '南京有线电视台网站', '请留下您的宝贵意见! ', 'Email: baron@njcatv.net ', '好啦,进入吧! ');
     var wordIntro = new makeSlideShow (words, 2500, '<CENTER><BR><BR><BR><BR><BR><BR><BR><BR><FONT SIZE = 6>', 'jiaoben.htm');
     var blankFrameTop = '<HTML><BODY BGCOLOR = "#000000" TEXT = "#FFFFcc">';
     var blankFrameBottom = '</BODY></HTML>';
     var blankFrame = blankFrameTop + blankFrameBottom;
     var doneLoop = false;
     

</SCRIPT>
         <FRAMESET onLoad = "displayLoop()" ROWS = "100%, *" FRAMEBORDER = NO BORDER = 0>

         <FRAME 
          SCROLLING=AUTO
          SRC = "javascript:parent.blankFrame"
          NAME = "draw" 
          MARGINWIDTH = 2 
          MARGINHEIGHT = 2>
         </FRAMESET>
</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></table></center>
<br>
<br>
<center>
<textarea name=source rows=12 cols=55 class=yk9>
脚本说明:
第一步:把如下代码加入<body>区域中
<img src="image1.gif" name="u" border=0
alt="Image" style="filter:alpha(opacity=0)"> 
<script language="JavaScript">

var b = 1;
var c = true;

function fade(){
if(document.all);

if(c == true) {
b++;
}
if(b==100) {
b--;
c = false
}

if(b==10) {
b++;
c = true;
}

if(c == false) {
b--;
}
u.filters.alpha.opacity=0 + b;
setTimeout("fade()",50);
}
</script>


第二步:把<body>区域改为
<body bgcolor="#fef4d9" onLoad="fade()">
</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>
<br>
<br>
<br>
<br>
</body>
</html>
⌨️ 快捷键说明

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