求解，哪位朋友知道用Jscript能够作出背景图片透明渐变

<HTML><HEAD><TITLE>透明度</TITLE>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<META content="text/html; charset=gb2312" http-equiv=Content-Type><META content="Microsoft FrontPage 4.0" name=GENERATOR>
<style>

</style>
</HEAD>
<BODY bgColor=#000000 text=yellow topMargin=10>
<p align="center">
<SCRIPT language=JavaScript type="">
</SCRIPT><IMG align=middle alt="come here" border=0 height=247
      onmouseout=low(this) onmouseover=high(this) src="ball.gif"
      style="FILTER: alpha(opacity=30)">
      </BODY>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML><HEAD>

<TITLE>图形淡出淡隐 </TITLE>

<META http-equiv=Content-Type content="text/html; charset=gb2312"><LINK  href="../fav.ico" rel="shortcut icon">
<STYLE type=text/css>BODY {
MARGIN: 25px 25px 25px
}
#all TD {
FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋体", "宋体"
}
INPUT {
FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋体", "宋体"
}
SELECT {
FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋体", "宋体"
}
P {
FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋体", "宋体"
}
TEXTAREA {
FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋体", "宋体"
}#all A:active {
COLOR: #7d070c
}
#all A:visited {
COLOR: #7d070c
}#all A:hover {
COLOR: #336699
}
#all A:link {
COLOR: #7d070c
}
</STYLE><SCRIPT language=JavaScript>

</SCRIPT><META content="MSHTML 5.50.4134.600" name=GENERATOR></HEAD>
<BODY id=all text=#000000 bgColor=#336699>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
  <TR bgColor=#ffffff>
    <TD><IMG src="../images/sq_1.gif" width=11 height="14"></TD>
    <TD width="100%"></TD>
    <TD><IMG src="../images/sq_2.gif"    width=11 height="14"></TD>
  </TR>
</TABLE>

<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
  <TR bgColor=#ffffff>
    <TD><IMG src="../images/space.gif" width=11 height="1"></TD>
    <TD width="100%">
      <table width="100%" border="0" cellpadding="8">
        <tr>
          <td align="center"><script language="JavaScript">
document.write("<font color=#7d070c style=\"font-size: 14px\">"+document.title+"</font>");
</script></td>
        </tr>
        <tr>
          <td bgcolor="#f7f7f7">提示：看下面的Banner，一会儿好象要消失，但又慢慢的显示出来，给人一种神秘莫测的感觉。<br>
<img src="img/a01.gif" name="u" border=0 alt="Image" style="filter:alpha(opacity=0)"> <script language="JavaScript">
//var d='true'
var d=0
function JM_fade(ob){if (d==0) {ob.filters.alpha.opacity+=1} else {ob.filters.alpha.opacity-=1}if (ob.filters.alpha.opacity==100){d=1;} else if (ob.filters.alpha.opacity==0){d=0}}
setInterval("JM_fade(u)",10)</script>
          </td>
        </tr>
      </table>
      <br>
      1.将下面的代码加入到<body>或<head>中
      <input type="button" name="Button" value="复制代码到我的剪贴板" onclick="JM_cc(js_1)">
      <br>
      <textarea name="js_1" cols="80" wrap="VIRTUAL" rows="10"><script language="JavaScript">
//var d='true'
var d=0
function JM_fade(ob){if (d==0) {ob.filters.alpha.opacity+=1} else {ob.filters.alpha.opacity-=1}if (ob.filters.alpha.opacity==100){d=1;} else if (ob.filters.alpha.opacity==0){d=0}}
setInterval("JM_fade(u)",10)</script>
</textarea>
      <br>
      <br>
      2.在使用此效果的图片加上 name="u" 和 style="filter:alpha(opacity=0)"<br>
      <img src="http://www.ie-zone.com/banners/a01.gif" <font color="#990000">name="u"</font>
      border=0 alt="Image" <font color="#990000">style="filter:alpha(opacity=0)"</font>>
    </TD>
    <TD><IMG src="../images/space.gif"    width=11 height="1"></TD>
  </TR>
</TABLE>

<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
  <TR bgColor=#ffffff>
    <TD><IMG src="../images/sq_3.gif" width=11 height="14"></TD>
    <TD width="100%"></TD>
    <TD><IMG src="../images/sq_4.gif"    width=11 height="14"></TD>
  </TR>
</TABLE></BODY></HTML>
Web上IMG淡入淡出的HTC封装
http://blog.csdn.net/gjd111686/archive/2004/07/27/53323.aspx
<style>IMG
{
behavior:url('Img.htc');
}</style>Img.htc<PUBLIC:COMPONENT>
<PUBLIC:attach event="ondocumentready" onevent="Init()"/>
<PUBLIC:attach event="onmouseover" onevent="DefineOn()"/>
<PUBLIC:attach event="onmouseout" onevent="DefineOff()"/>
<PUBLIC:method name="DefineInit"/>
<script>
style.filter="alpha(opacity=20)";
var timer;
var initOffset;
var onOffset=5;
var offOffset=10;//偏移量
function Init()
{
initOffset=element.filters.alpha.opacity;
}
function DefineOn()
{
clearInterval(timer)
timer=window.setInterval("document.all['"+element.uniqueID+"'].DefineInit(0)",10);
}
function DefineOff()
{
clearInterval(timer)
timer=window.setInterval("document.all['"+element.uniqueID+"'].DefineInit(1)",10);
}
function DefineInit(bStatus)
{
opacty=element.filters.alpha.opacity;
if(bStatus)
{
  if(opacty>initOffset)
  {
   element.filters.alpha.opacity-=offOffset;
  }
  else
  {
   clearInterval(timer);
  }
}
else
{
  if(opacty<100)
  {
   element.filters.alpha.opacity+=offOffset;
  }
  else
  {
   clearInterval(timer);
  }
}
}
</script>
</PUBLIC:COMPONENT>

调试易

求解，哪位朋友知道用Jscript能够作出背景图片透明渐变

解决方案 »