⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 渐渐隐去和显现的效果.htm

📁 渐渐隐去和显现的效果
💻 HTM
字号:
🔍 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0044)http://www.hxgzs.com/mckj/texiao/8_00005.htm -->
<HTML><HEAD><TITLE>渐渐隐去和显现的效果</TITLE>
<STYLE type=text/css>A:link {
	COLOR: #000000; FONT-FAMILY: 宋体; TEXT-DECORATION: none
}
A:visited {
	COLOR: #000000; FONT-FAMILY: 宋体; TEXT-DECORATION: none
}
A:active {
	COLOR: #ff0000; FONT-FAMILY: 宋体; TEXT-DECORATION: none
}
A:hover {
	COLOR: #ff0000; TEXT-DECORATION: underline
}
BODY {
	FONT-SIZE: 9pt
}
TH {
	FONT-SIZE: 9pt
}
TD {
	FONT-SIZE: 9pt
}
</STYLE>

<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="MSHTML 6.00.2800.1458" name=GENERATOR></HEAD>
<BODY text=#000000 bgColor=#ffffff leftMargin=8 topMargin=8>
<TABLE cellSpacing=0 cellPadding=0 width=760 align=center border=0>
  <TBODY>
  <TR>
    <TD bgColor=#eeb178 height=30>
      <DIV align=center><FONT color=#993300>【海星工作室】网页特效</FONT></DIV></TD></TR>
  <TR>
    <TD bgColor=#993300>&nbsp;</TD></TR></TBODY></TABLE>
<TABLE borderColor=#eeb178 cellPadding=0 width=760 align=center border=1>
  <TBODY>
  <TR>
    <TD vAlign=top width=180 bgColor=#eeb178>
      <DIV align=right>名称：</DIV></TD>
    <TD bgColor=#eeb178>
      <DIV align=center>渐渐隐去和显现的效果</DIV></TD></TR>
  <TR>
    <TD vAlign=top bgColor=#eeb178>
      <DIV align=right>实例：</DIV></TD>
    <TD bgColor=#ffe9ca height=150>
      <DIV id=main 
      style="BORDER-RIGHT: black solid; BORDER-TOP: black solid; FONT-SIZE: 20px; LEFT: 226px; BORDER-LEFT: black solid; WIDTH: 226px; COLOR: blue; BORDER-BOTTOM: black solid; POSITION: absolute; TOP: 53px; HEIGHT: 101px; background-: yellow">
      <DIV id=Inner1 
      style="FILTER: blendTrans(duration=3); LEFT: 20%; WIDTH: 60%; POSITION: relative; TOP: 35%; HEIGHT: 30%">
      <P align=center>演示区域</P></DIV>
      <DIV id=control 
      style="LEFT: 57px; WIDTH: 289px; POSITION: absolute; TOP: 111px; HEIGHT: 29px">
      <DD><INPUT onclick=toggleMultimedia(); type=button value=开始> 
      </DD></DIV></DIV></TD></TR>
  <TR>
    <TD vAlign=top bgColor=#eeb178>
      <DIV align=right>代码：</DIV></TD>
    <TD bgColor=#ffe9ca>
      <P>第一步：将以下代码加入HEML的&lt;BODY&gt;&lt;/BODY&gt;之间</P>
      <P><FONT color=#008800>&lt;div 
      style="position:absolute;left:200;top:85;width:400;height:200;background-<BR>color:yellow;<BR>color:blue;font-size:20px;border:solid 
      black;" id="main"&gt;&lt;div id="Inner1" 
      style="position:relative;left:20%;top:35%;width:60%;height:30%; 
      filter:blendTrans(duration=3);"&gt;&lt;p 
      align="center"&gt;演示区域&lt;/p&gt;<BR>&lt;/div&gt;&lt;div id="control" 
      style="position:absolute;left:180;top:160"&gt;<BR>&lt;dd&gt;&lt;input 
      type="button" value="开始" onclick="toggleMultimedia();"&gt; 
      &lt;/dd&gt;<BR>&lt;/div&gt;&lt;/div&gt;</FONT></P>
      <P>第二步：将下面的代码加到html文件的最后</P>
      <P><FONT color=#008800>&lt;script language="JavaScript"&gt;<BR>var 
      curObj=Inner1,i=0;<BR>words=new Array(3);<BR>words[0]="&lt;p 
      align=center&gt;渐渐隐去&lt;/p&gt;";<BR>words[1]="&lt;p 
      align=center&gt;慢慢浮现&lt;/p&gt;";<BR>words[2]="&lt;p 
      align=center&gt;这就是Blend的效果&lt;/p&gt;";</FONT></P>
      <P><FONT color=#008800>function toggleMultimedia() 
      {<BR>curObj.innerHTML=words[i];<BR>if (curObj.filters(0).status == 2) 
      {<BR>curObj.filters(0).Stop();<BR>if (curObj.style.visibility == 
      "hidden")<BR>curObj.style.visibility = 
      "visible";<BR>else<BR>curObj.style.visibility = 
      "hidden";<BR>window.setTimeout("toggleMultimedia()", 
      1);<BR>}<BR>//准备开始<BR>curObj.filters(0).Apply();</FONT></P>
      <P><FONT color=#008800>if (curObj.style.visibility == 
      "hidden")<BR>{curObj.style.visibility = 
      "visible";}<BR>else<BR>{curObj.style.visibility = "hidden";<BR>if (i==2) 
      i=-1;<BR>i=i+1;}</FONT></P>
      <P><FONT 
      color=#008800>//开始<BR>curObj.filters(0).Play();<BR>window.setTimeout("toggleMultimedia()",4000);<BR>}<BR>&lt;/script&gt;</FONT></P></TD></TR>
  <TR>
    <TD vAlign=top bgColor=#eeb178>
      <DIV align=right>说明：</DIV></TD>
    <TD bgColor=#eeb178>无须修改</TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width=760 align=center border=0>
  <TBODY>
  <TR>
    <TD bgColor=#993300 height=11>&nbsp;</TD></TR>
  <TR>
    <TD bgColor=#993300>
      <DIV align=center><FONT 
  color=#993300>【海星工作室】网页特效</FONT></DIV></TD></TR></TBODY></TABLE>
<SCRIPT language=JavaScript>
var curObj=Inner1,i=0;
words=new Array(3);
words[0]="<p align=center>渐渐隐去</p>";
words[1]="<p align=center>慢慢浮现</p>";
words[2]="<p align=center>这就是Blend的效果</p>";

function toggleMultimedia() {
curObj.innerHTML=words[i];
if (curObj.filters(0).status == 2) {
curObj.filters(0).Stop();
if (curObj.style.visibility == "hidden")
curObj.style.visibility = "visible";
else
curObj.style.visibility = "hidden";
window.setTimeout("toggleMultimedia()", 1);
}
//准备开始
curObj.filters(0).Apply();

if (curObj.style.visibility == "hidden")
{curObj.style.visibility = "visible";}
else
{curObj.style.visibility = "hidden";
if (i==2) i=-1;
i=i+1;}

//开始
curObj.filters(0).Play();
window.setTimeout("toggleMultimedia()",4000);
}
</SCRIPT>
</BODY></HTML>

⌨️ 快捷键说明

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