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

[作者:未知 | 点击数: | 时间:2007-6-12]【大中小】

<BASE target=_blank>
<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(/teixiao/UploadFiles_4612/200706/20070612082205687.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(/teixiao/UploadFiles_4612/200706/20070612082205555.gif) #f2e2c7 no-repeat 50% top;
 COLOR: #ff9600
}
/* Rule 127 of embedded stylesheet */ 
#line4 {
 BACKGROUND: url(/teixiao/UploadFiles_4612/200706/20070612082205853.gif) #eac6d4 no-repeat 50% top;
 COLOR: #c3356d
}
/* Rule 128 of embedded stylesheet */ 
#line5 {
 BACKGROUND: url(/teixiao/UploadFiles_4612/200706/20070612082205944.gif) #c5dbe6 no-repeat 50% top;
 COLOR: #006bbe
}
/* Rule 126 of embedded stylesheet */ 
#line3 {
 BACKGROUND: url(/teixiao/UploadFiles_4612/200706/20070612082205555.gif) #ece0c1 no-repeat 50% top;
 COLOR: #b88a16
}
/* Rule 125 of embedded stylesheet */ 
#line2 {
 BACKGROUND: url(/teixiao/UploadFiles_4612/200706/20070612082205963.gif) #e0cee2 no-repeat 50% top;
 COLOR: #9e01b1
}
/* Rule 124 of embedded stylesheet */ 
#line_lay #line1 {
 BACKGROUND: url(/teixiao/UploadFiles_4612/200706/20070612082205245.jpg);
 WIDTH: 68px;
 CURSOR: hand;
 HEIGHT: 190px
}
</STYLE>
<div id=line_lay>
<A onmouseover=content_mouse(1) href="http://www.wangyeba.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.wangyeba.com" target=_blank><IMG src="/teixiao/UploadFiles_4612/200706/20070612082205479.jpg" border=0></A> </div>

<A onmouseover=content_mouse(2) href="http://www.wangyeba.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>
    <tr>
      <td vAlign=top align=middle width=175>
        <table height=20 cellSpacing=0 cellPadding=0 width="100%" border=0>
          <tr>
            <td></td>
          </tr>
        </table>
        <table cellSpacing=0 cellPadding=0 width=165 border=0>
          <tr>
            <td class="f12b l24"><IMG style="MARGIN-TOP: 5px; FLOAT: left" src="/teixiao/UploadFiles_4612/200706/20070612082205799.gif"> <A title="典范造型 因为专业所以美丽" href="http://www.wangyeba.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.wangyeba.com" target=_blank>[广州]奥龙堡 运动起来</A><BR>·<A title="青鸟健身 你我的健康新时尚" href="http://www.wangyeba.com" target=_blank><SPAN style="COLOR: #ff0000">[广州]青鸟健身新时尚</SPAN></A><BR>·<A title="安索瑜珈 释放心灵品味生活" href="http://www.wangyeba.com" target=_blank>[广州]安索瑜珈释放心灵</A><BR></td>
          </tr>
        </table>
      </td>
      <td width=185><A href="http://www.wangyeba.com" target=_blank><IMG height=190 alt="[上海]彭村梅 来自台湾的美丽达人" src="/teixiao/UploadFiles_4612/200706/20070612082205971.jpg" width=185 border=0></A> </td>
    </tr>
  </table>
</div>
  
  <A onmouseover=content_mouse(3) href="http://www.wangyeba.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>
    <tr>
      <td vAlign=top align=middle width=175>
        <table height=20 cellSpacing=0 cellPadding=0 width="100%" border=0>
          <tr>
            <td></td>
          </tr>
        </table>
        <table cellSpacing=0 cellPadding=0 width=165 border=0>
          <tr>
            <td class="f12b l24"><IMG style="MARGIN-TOP: 5px; FLOAT: left" src="/teixiao/UploadFiles_4612/200706/20070612082205799.gif"> <A title=露纳餐厅的 href="http://www.wangyeba.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.wangyeba.com" target=_blank>[上海]Pasti意菜香气缠绵</A><BR>·<A title="在全罗道 尽享辛辣乐趣 " href="http://www.wangyeba.com" target=_blank>[上海]全罗道 享辛辣乐趣 </A><BR>·<A title="印度小厨 品味食之魅" href="http://www.wangyeba.com" target=_blank><SPAN style="COLOR: #ff0000">[上海]印度小厨 食之魅</SPAN></A><BR></td>
          </tr>
        </table>
      </td>
      <td width=185><A href="http://www.wangyeba.com" target=_blank><IMG height=190 alt="[北京]江南厨子杭州美味 " src="/teixiao/UploadFiles_4612/200706/20070612082205244.jpg" width=185 border=0></A> </td>
    </tr>
  </table>
</div>
  
  <A onmouseover=content_mouse(5) href="http://www.wangyeba.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>
    <tr>
      <td vAlign=top align=middle width=175>
        <table height=20 cellSpacing=0 cellPadding=0 width="100%" border=0>
          <tr>
            <td></td>
          </tr>
        </table>
        <table cellSpacing=0 cellPadding=0 width=165 border=0>
          <tr>
            <td class="f12b l24"><IMG style="MARGIN-TOP: 5px; FLOAT: left" src="/teixiao/UploadFiles_4612/200706/20070612082205799.gif"> <A title="INMOST燕慕 灵秀江南旗袍" href="http://www.wangyeba.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.wangyeba.com" target=_blank><SPAN style="COLOR: #ff0000">[上海]溢香坊 中国式性感</SPAN></A><BR>·<A title="迷你韩国城新装 优雅版" href="http://www.wangyeba.com" target=_blank>[上海]迷你韩国城新款春装</A><BR>·<A title="心乐坊 香港饰品款款撩人" href="http://www.wangyeba.com" target=_blank>[上海]心乐坊饰品款款撩人</A><BR></td>
          </tr>
        </table>
      </td>
      <td width=185><A href="http://www.wangyeba.com" target=_blank><IMG height=190 alt=[北京]第三极之木灯传说 src="/teixiao/UploadFiles_4612/200706/20070612082205173.jpg" width=185 border=0></A> </td>
    </tr>
  </table>
</div>
  
  <A onmouseover=content_mouse(4) href="http://www.wangyeba.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>
    <tr>
      <td vAlign=top align=middle width=175>
        <table height=20 cellSpacing=0 cellPadding=0 width="100%" border=0>
          <tr>
            <td></td>
          </tr>
        </table>
        <table cellSpacing=0 cellPadding=0 width=165 border=0>
          <tr>
            <td class="f12b l24"><IMG style="MARGIN-TOP: 5px; FLOAT: left" src="/teixiao/UploadFiles_4612/200706/20070612082205799.gif"> <A title="Eve&Anna 派对达人新衣经" href="http://www.wangyeba.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.wangyeba.com" target=_blank>香若尔服装的奢华礼遇</A><BR>·<A title=丽多坊打造公主般的美丽新娘 href="http://www.wangyeba.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>
        </table>
      </td>
      <td width=185><A href="http://www.wangyeba.com" target=_blank><IMG height=190 alt=异尚妆园的大牌礼服 src="/teixiao/UploadFiles_4612/200706/20070612082206283.jpg" width=185 border=0></A> </td>
    </tr>
  </table>
</div>
  
  <A onmouseover=content_mouse(6) href="http://www.wangyeba.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>
    <tr>
      <td vAlign=top align=middle width=175>
        <table height=20 cellSpacing=0 cellPadding=0 width="100%" border=0>
          <tr>
            <td></td>
          </tr>
        </table>
        <table cellSpacing=0 cellPadding=0 width=165 border=0>
          <tr>
            <td class="f12b l24"><IMG style="MARGIN-TOP: 5px; FLOAT: left" src="/teixiao/UploadFiles_4612/200706/20070612082205799.gif"> <A title=北京人12种新不文明现象大揭露 href="wangyeba.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.wangyeba.com" target=_blank>隐私！揭秘王小丫私生活照</A><BR>·<A title=北京公布12个盗车贼最爱光顾地区 href="http://www.wangyeba.com" target=_blank>北京12个盗车贼最爱光顾地</A><BR>·<A title=正在被北京抛弃的北京人 href="http://www.wangyeba.com" target=_blank>正在被北京抛弃的北京人</A><BR></td>
          </tr>
        </table>
      </td>
      <td width=185><A href="http://www.wangyeba.com" target=_blank><IMG height=190 alt=十个巧妙性暗示广告，看得懂吗[组图] src="/teixiao/UploadFiles_4612/200706/20070612082206610.jpg" width=185 border=0></A> </td>
    </tr>
  </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);
}
function change_content(){
  for (var i=1;i<=total_content;i++){
  document.getElementById('line_content'+i).style.display='none';
  }
  document.getElementById('line_content'+now_content).style.display='block';
  if (way) now_content++;
  else now_content--;
  if(now_content>total_content) {now_content=total_content-1;way=0;}
  else if(now_content==0) {now_content=1;way=1;}
  theTimer2=setTimeout('change_content()', timeout2);
}
theTimer2=setTimeout(function(){now_content=start_content;change_content();}, timeout2);
</SCRIPT>

上一个网页特效：实现类似于Flash的超酷特效代码

下一个网页特效：一种比较漂亮的控制图片移动的网页特效

实现类似于Flash的超酷特效代码相关文章

实现类似于Flash的超酷特效代码
极品万年历网页特效

实现类似于Flash的超酷特效代码网友评论

发表评论

·请遵守《互联网电子公告服务管理规定》及中华人民共和国其他各项有关法律法规。
·用户发表意见仅代表其个人意见，并且承担一切因发表内容引起的纠纷和责任。
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据。
·请客观的评价您所看到的资讯，提倡就事论事，杜绝漫骂和人身攻击等不文明行为。

网页吧·中国站长第一门户

本周热门

显示隐藏网页部分内容网页特效

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

推荐文章

本周热门

阅读排行