图形循环渐显效果-优快云博客

本文介绍了一种使用JavaScript实现的图形循环渐显效果。通过调整透明度，使图片在网页加载后逐渐显现出来，达到吸引眼球的效果。此脚本适用于网页设计中增加动态元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML><HEAD><TITLE>网页特效|Linkweb.cn/Js|---图形循环渐显</TITLE>
<STYLE type=text/css>BODY {
    MARGIN-TOP: 0px; FONT-SIZE: 9pt; MARGIN-LEFT: 4px; MARGIN-RIGHT: 0px; FONT-FAMILY: "宋体"
}
A {
    FONT-WEIGHT: 400; FONT-SIZE: 9pt; COLOR: black; TEXT-DECORATION: none
}
A:hover {
    FONT-WEIGHT: 400; FONT-SIZE: 9pt; COLOR: red; TEXT-DECORATION: underline
}
A:active {
    FONT: 9pt "宋体"; CURSOR: hand; COLOR: #ff0033
}
</STYLE>

<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="MSHTML 6.00.3790.2795" name=GENERATOR></HEAD>
<BODY onload=fade()><BR><BR>
<CENTER><FONT face=隶书 color=red size=6>图形循环渐显脚本</FONT></CENTER><BR>
<CENTER>
<TABLE style="BORDER-COLLAPSE: collapse" borderColor=blue cellSpacing=0
cellPadding=0 border=0 borderlight="green">
  <TBODY>
  <TR>
    <TD align=middle><FONT face="Arial, Helvetica, sans-serif" color=red
      size=5><STRONG>下面为脚本显示区</STRONG></FONT></TD></TR>
  <TR>
    <TD align=middle><IMG style="FILTER: alpha(opacity=0)" height=55 alt=Image
      src="网页特效Linkweb_cn-Js---图形循环渐显_files/flag.gif" width=85 border=0 name=u>
      <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>
       </TD></TR></TBODY></TABLE></CENTER><BR><BR>
<CENTER></CENTER><BR><BR><BR><BR><BR><BR></BODY></HTML>