实现类似于Flash的超酷特效代码

稿源：互联网 2022-04-19 08:00:23 点击： 1345 撤稿纠错

实现类似于Flash的超酷特效代码，可以跟flash相媲美，很实用。

以下讨论的是和特效相关的实现类似于Flash的超酷特效代码教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML Transitional//EN"><META http-equiv="Content-Type" content="text/html; charset=GB2312">

<BASE target="_blank" />
<HEAD><STYLE>
/* Rule 2 of embedded stylesheet */ 
TD {
	FONT-SIZE: 12px
}

/* Rule 3 of embedded stylesheet */ 
TR 
	FONT-SIZE: 12px
}

/* Rule 1 of embedded stylesheet */ 
TABLE {
	FONT-SIZE: 12px
}

/* Rule 51 of embedded stylesheet */ 
.main TABLE {
	CLEAR: both
}

/* Rule 7 of embedded stylesheet */ 
DIV {
	FONT-SIZE: 12px
}

/* Rule 52 of embedded stylesheet */ 
.bg {
	BACKGROUND: url(http://www.pclady.com.cn/images/06/0831pclady_13.gif) #fff repeat-y right 50%;
	FLOAT: left
}

/* Rule 50 of embedded stylesheet */ 
.main {
	CLEAR: both;
	MARGIN: 0px auto;
	WIDTH: 1000px
}

/* Rule 10 of embedded stylesheet */ 
BODY {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	BACKGROUND: #000;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	TEXT-ALIGN: center
}

/* Rule 121 of embedded stylesheet */ 
#line_lay {
	FLOAT: right;
	OVERFLOW: hidden;
	WIDTH: 559px;
	HEIGHT: 190px
}

/* Rule 123 of embedded stylesheet */ 
#line_lay .line_content {
	DISPLAY: none;
	BACKGROUND: #d3d3d3;
	FLOAT: left;
	MARGIN-LEFT: 1px;
	WIDTH: 360px;
	HEIGHT: 190px
}

/* Rule 14 of embedded stylesheet */ 
A:link {
	COLOR: #000;
	TEXT-DECORATION: none
}

/* Rule 13 of embedded stylesheet */ 
A IMG {
	BORDER-RIGHT: 0px;
	BORDER-TOP: 0px;
	BORDER-LEFT: 0px;
	BORDER-BOTTOM: 0px
}

/* Rule 100 of embedded stylesheet */ 
.l24 {
	LINE-HEIGHT: 24px
}

/* Rule 90 of embedded stylesheet */ 
.c4 {
	COLOR: #4e3c29
}

/* Rule 99 of embedded stylesheet */ 
.l22 {
	LINE-HEIGHT: 22px
}

/* Rule 85 of embedded stylesheet */ 
.f12b {
	FONT-WEIGHT: bolder;
	FONT-SIZE: 12px
}

/* Rule 122 of embedded stylesheet */ 
#line_lay .title {
	FONT-WEIGHT: bold;
	FLOAT: left;
	MARGIN-LEFT: 1px;
	WIDTH: 24px;
	CURSOR: hand;
	LINE-HEIGHT: 16px;
	PADDING-TOP: 25px;
	HEIGHT: 190px;
	TEXT-ALIGN: center
}

/* Rule 129 of embedded stylesheet */ 
#line6 {
	BACKGROUND: url(http://www.pclady.com.cn/images/06/06index2__47.gif) #f2e2c7 no-repeat 50% top;
	COLOR: #ff9600
}

/* Rule 127 of embedded stylesheet */ 
#line4 {
	BACKGROUND: url(http://www.pclady.com.cn/images/06/06index2__43.gif) #eac6d4 no-repeat 50% top;
	COLOR: #c3356d
}

/* Rule 128 of embedded stylesheet */ 
#line5 {
	BACKGROUND: url(http://www.pclady.com.cn/images/06/06index2__45.gif) #c5dbe6 no-repeat 50% top;
	COLOR: #006bbe
}

/* Rule 126 of embedded stylesheet */ 
#line3 {
	BACKGROUND: url(http://www.pclady.com.cn/images/06/06index2__47.gif) #ece0c1 no-repeat 50% top;
	COLOR: #b88a16
}

/* Rule 125 of embedded stylesheet */ 
#line2 {
	BACKGROUND: url(http://www.pclady.com.cn/images/06/06index2__38.gif) #e0cee2 no-repeat 50% top;
	COLOR: #9e01b1
}

/* Rule 124 of embedded stylesheet */ 
#line_lay #line1 {
	BACKGROUND: url(http://www.pclady.com.cn/images/06/06index2__36.jpg);
	WIDTH: 68px;
	CURSOR: hand;
	HEIGHT: 190px
}

</STYLE></HEAD>
<BODY>
<DIV id="line_lay">
 
 <A onMouseOver="content_mouse(1)" href="http://www.alixixi.com/#">
 <DIV class="title" id="line1">
 </DIV>
 </A>
 <DIV class="line_content" id="line_content1" style="DISPLAY: block">
  <SCRIPT src="http://ivy.pconline.com.cn/adpuba/show?id=pclady.shouye.jctj.&pid=cs.pclady.jctj.&media=js&channel=inline&trace=1">
  </SCRIPT>
  <A style="CLEAR: both; DISPLAY: block" href="http://www.alixixi.com" target="_blank"><IMG src="http://image.pconline.com.cn/images/200704/activity_360x190.jpg" border="0" /></A>
 </DIV>
 
 
 <A onMouseOver="content_mouse(2)" href="http://www.alixixi.com">
 <DIV class="title" id="line2">
  美丽地图
 </DIV>
 </A>
 <DIV class="line_content" id="line_content2" style="DISPLAY: none">
  <TABLE cellSpacing="0" cellPadding="0" border="0">
   <TBODY>
    <TR>
     <TD vAlign="top" align="center" width="175">
      <TABLE height="20" cellSpacing="0" cellPadding="0" width="100%" border="0">
       <TBODY>
        <TR>
         <TD>
         </TD>
        </TR>
       </TBODY>
      </TABLE>
      <TABLE cellSpacing="0" cellPadding="0" width="165" border="0">
       <TBODY>
        <TR>
         <TD class="f12b l24">
          <IMG style="MARGIN-TOP: 5px; FLOAT: left" src="http://www.pclady.com.cn/beauty/images/06/06beauty_123.gif" /> <A title="典范造型 因为专业所以美丽" href="http://www.alixixi.com" target="_blank">[上海]典范造型缘于专业</A><BR />
         </TD>
        </TR>
        <TR>
         <TD class="l22 c4">
          如果您总是先选择发型师，再选择美发店，那么这……
         </TD>
        </TR>
        <TR>
         <TD height="15">
         </TD>
        </TR>
        <TR>
         <TD class="l24" height="15">
          ·<A title="奥龙堡--让运动快乐起来" href="http://www.alixixi.com" target="_blank">[广州]奥龙堡 运动起来</A><BR />·<A title="青鸟健身 你我的健康新时尚" href="http://www.alixixi.com" target="_blank"><SPAN style="COLOR: #ff0000">[广州]青鸟健身新时尚</SPAN></A><BR />·<A title="安索瑜珈 释放心灵品味生活" href="http://www.alixixi.com" target="_blank">[广州]安索瑜珈释放心灵</A><BR />
         </TD>
        </TR>
       </TBODY>
      </TABLE>
     </TD>
     <TD width="185">
      <A href="http://www.alixixi.com" target="_blank"><IMG height="190" alt="[上海]彭村梅 来自台湾的美丽达人" src="http://img.alixixi.com/mylogo.gif" width="185" border="0" /></A>
     </TD>
    </TR>
   </TBODY>
  </TABLE>
 </DIV>
 
 
 <A onMouseOver="content_mouse(3)" href="http://www.alixixi.com">
 <DIV class="title" id="line3">
  非常食尚
 </DIV>
 </A>
 <DIV class="line_content" id="line_content3" style="DISPLAY: none">
  <TABLE cellSpacing="0" cellPadding="0" border="0">
   <TBODY>
    <TR>
     <TD vAlign="top" align="center" width="175">
      <TABLE height="20" cellSpacing="0" cellPadding="0" width="100%" border="0">
       <TBODY>
        <TR>
         <TD>
         </TD>
        </TR>
       </TBODY>
      </TABLE>
      <TABLE cellSpacing="0" cellPadding="0" width="165" border="0">
       <TBODY>
        <TR>
         <TD class="f12b l24">
          <IMG style="MARGIN-TOP: 5px; FLOAT: left" src="http://www.pclady.com.cn/beauty/images/06/06beauty_123.gif" /> <A title="露纳餐厅的" href="http://www.alixixi.com" target="_blank" 养命仙汤??="">[上海]露纳的"养命仙汤"</A><BR />
         </TD>
        </TR>
        <TR>
         <TD class="l22 c4">
          进入露纳餐厅，四处看看，不论是大厅还是包房……
         </TD>
        </TR>
        <TR>
         <TD height="15">
         </TD>
        </TR>
        <TR>
         <TD class="l24" height="15">
          ·<A title="Pasti 意大利菜香气缠绵" href="http://www.alixixi.com" target="_blank">[上海]Pasti意菜香气缠绵</A><BR />·<A title="在全罗道 尽享辛辣乐趣 " href="http://www.alixixi.com" target="_blank">[上海]全罗道 享辛辣乐趣 </A><BR />·<A title="印度小厨 品味食之魅" href="http://www.alixixi.com" target="_blank"><SPAN style="COLOR: #ff0000">[上海]印度小厨 食之魅</SPAN></A><BR />
         </TD>
        </TR>
       </TBODY>
      </TABLE>
     </TD>
     <TD width="185">
      <A href="http://www.alixixi.com" target="_blank"><IMG height="190" alt="[北京]江南厨子杭州美味 " src="http://img.alixixi.com/mylogo.gif" width="185" border="0" /></A>
     </TD>
    </TR>
   </TBODY>
  </TABLE>
 </DIV>
 
 
 <A onMouseOver="content_mouse(5)" href="http://www.alixixi.com">
 <DIV class="title" id="line5">
  最IN<BR />去处
 </DIV>
 </A>
 <DIV class="line_content" id="line_content5" style="DISPLAY: none">
  <TABLE cellSpacing="0" cellPadding="0" border="0">
   <TBODY>
    <TR>
     <TD vAlign="top" align="center" width="175">
      <TABLE height="20" cellSpacing="0" cellPadding="0" width="100%" border="0">
       <TBODY>
        <TR>
         <TD>
         </TD>
        </TR>
       </TBODY>
      </TABLE>
      <TABLE cellSpacing="0" cellPadding="0" width="165" border="0">
       <TBODY>
        <TR>
         <TD class="f12b l24">
          <IMG style="MARGIN-TOP: 5px; FLOAT: left" src="http://www.pclady.com.cn/beauty/images/06/06beauty_123.gif" /> <A title="INMOST燕慕 灵秀江南旗袍" href="http://www.alixixi.com" target="_blank">[上海]燕慕的江南旗袍</A><BR />
         </TD>
        </TR>
        <TR>
         <TD class="l22 c4">
          今天为大家介绍的这家“燕慕”中装定制店，设在……
         </TD>
        </TR>
        <TR>
         <TD height="15">
         </TD>
        </TR>
        <TR>
         <TD class="l24" height="15">
          ·<A title="溢香坊 演绎中国式性感" href="http://www.alixixi.com" target="_blank"><SPAN style="COLOR: #ff0000">[上海]溢香坊 中国式性感</SPAN></A><BR />·<A title="迷你韩国城新装 优雅版" href="http://www.alixixi.com" target="_blank">[上海]迷你韩国城新款春装</A><BR />·<A title="心乐坊 香港饰品款款撩人" href="http://www.alixixi.com" target="_blank">[上海]心乐坊饰品款款撩人</A><BR />
         </TD>
        </TR>
       </TBODY>
      </TABLE>
     </TD>
     <TD width="185">
      <A href="http://www.alixixi.com" target="_blank"><IMG height="190" alt="[北京]第三极之木灯传说" src="http://img.alixixi.com/mylogo.gif" width="185" border="0" /></A>
     </TD>
    </TR>
   </TBODY>
  </TABLE>
 </DIV>
 
 
 <A onMouseOver="content_mouse(4)" href="http://www.alixixi.com">
 <DIV class="title" id="line4">
  美丽新娘
 </DIV>
 </A>
 <DIV class="line_content" id="line_content4" style="DISPLAY: none">
  <TABLE cellSpacing="0" cellPadding="0" border="0">
   <TBODY>
    <TR>
     <TD vAlign="top" align="center" width="175">
      <TABLE height="20" cellSpacing="0" cellPadding="0" width="100%" border="0">
       <TBODY>
        <TR>
         <TD>
         </TD>
        </TR>
       </TBODY>
      </TABLE>
      <TABLE cellSpacing="0" cellPadding="0" width="165" border="0">
       <TBODY>
        <TR>
         <TD class="f12b l24">
          <IMG style="MARGIN-TOP: 5px; FLOAT: left" src="http://www.pclady.com.cn/beauty/images/06/06beauty_123.gif" /> <A title="Eve&Anna 派对达人新衣经" href="http://www.alixixi.com" target="_blank">Eve&Anna私人礼服定制</A><BR />
         </TD>
        </TR>
        <TR>
         <TD class="l22 c4">
          “每个女人的衣橱里，应该有一件真正属于她的礼……
         </TD>
        </TR>
        <TR>
         <TD height="15">
         </TD>
        </TR>
        <TR>
         <TD class="l24" height="15">
          ·<A title="香若尔服装的奢华礼遇" href="http://www.alixixi.com" target="_blank">香若尔服装的奢华礼遇</A><BR />·<A title="丽多坊打造公主般的美丽新娘" href="http://www.alixixi.com" target="_blank"><SPAN style="COLOR: #ff0000">丽多坊 打造公主式新娘</SPAN></A><BR />·<A title="巴黎婚纱美丽新娘" href="http://www.pclady.com.cn/dress/zq/bride/" target="_blank">巴黎婚纱之漂亮新娘</A><BR />
         </TD>
        </TR>
       </TBODY>
      </TABLE>
     </TD>
     <TD width="185">
      <A href="http://www.alixixi.com" target="_blank"><IMG height="190" alt="异尚妆园的大牌礼服" src="http://img.alixixi.com/mylogo1.gif" width="185" border="0" /></A>
     </TD>
    </TR>
   </TBODY>
  </TABLE>
 </DIV>
 
 
 <A onMouseOver="content_mouse(6)" href="http://www.alixixi.com">
 <DIV class="title" id="line6">
  城市心漫游
 </DIV>
 </A>
 <DIV class="line_content" id="line_content6" style="DISPLAY: none">
  <TABLE cellSpacing="0" cellPadding="0" border="0">
   <TBODY>
    <TR>
     <TD vAlign="top" align="center" width="175">
      <TABLE height="20" cellSpacing="0" cellPadding="0" width="100%" border="0">
       <TBODY>
        <TR>
         <TD>
         </TD>
        </TR>
       </TBODY>
      </TABLE>
      <TABLE cellSpacing="0" cellPadding="0" width="165" border="0">
       <TBODY>
        <TR>
         <TD class="f12b l24">
          <IMG style="MARGIN-TOP: 5px; FLOAT: left" src="http://www.pclady.com.cn/beauty/images/06/06beauty_123.gif" /> <A title="北京人12种新不文明现象大揭露" href="alixixi.com" target="_blank">北京人12种新不文明现象</A><BR />
         </TD>
        </TR>
        <TR>
         <TD class="l22 c4">
          咱们北京的随地吐痰现象令许多外国人惊讶。记得……
         </TD>
        </TR>
        <TR>
         <TD height="15">
         </TD>
        </TR>
        <TR>
         <TD class="l24" height="15">
          ·<A title="揭秘王小丫生活照 随意自然宛如邻家女孩(组图)" href="http://www.alixixi.com" target="_blank">隐私！揭秘王小丫私生活照</A><BR />·<A title="北京公布12个盗车贼最爱光顾地区" href="http://www.alixixi.com" target="_blank">北京12个盗车贼最爱光顾地</A><BR />·<A title="正在被北京抛弃的北京人" href="http://www.alixixi.com" target="_blank">正在被北京抛弃的北京人</A><BR />
         </TD>
        </TR>
       </TBODY>
      </TABLE>
     </TD>
     <TD width="185">
      <A href="http://www.alixixi.com" target="_blank"><IMG height="190" alt="十个巧妙性暗示广告，看得懂吗[组图]" src="http://img.alixixi.com/mylogo2.gif" width="185" border="0" /></A>
     </TD>
    </TR>
   </TBODY>
  </TABLE>
 </DIV>
 
</DIV>
<SCRIPT language=javascript>
var timeout2=7000;  //切换时间
var timeout3=10000; //mouse over 后切换时间
var now_content=1;
var total_content=6;
var way=1;
var start_content=Math.round(Math.random()*(total_content-1))+1; //除广告为第一显示外
function content_mouse(num){
  now_content=num;
  window.clearInterval(theTimer2);   
  for (var i=1;i<=total_content;i++){
  document.getElementById('line_content'+i).style.display='none';
  }
  document.getElementById('line_content'+num).style.display='block';
  theTimer2=setTimeout('change_content()', timeout3);
}

</SCRIPT>

</BODY></HTML>
<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于实现类似于Flash的超酷特效代码的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/20080714797.shtml方便下次再访问哦。

·上一篇： 符合网页标准的类似于Flash的超酷特效代码
·下一篇： 弹性效果的运动图片,网页特效

实现类似于Flash的超酷特效代码

文章分类LIST >>返回首页

最新游戏

最新新闻