Imagens piscando (você pode adicionar links)

Autor：Eve Cole Data da Última Atualização：2009-06-20 15:16:31

Código de efeitos especiais da página da Web, imitando os efeitos do código de menu no lado direito do Yahoo

<HTML><HEAD><TITLE>Imulando menu do Yahoo</TITLE> <META http-equiv=Content-Type content="text/html; charset =gb2312"> < STYLE type=text/css>BODY { MARGIN: 6px 0px; FONT: 12px 宋体; TEXT-ALIGN: center } .divArea3 { WIDTH: 750px } .divArea3 .divAreaCol1 { FLOAT: left; WIDTH: 371px } .divArea3 .divAreaCol2 { FLOAT: direita; 280px } .divArea3Box { BORDER-RIGHT: #cccccc 1px sólido; PADDING-RIGHT: 2px; 2px; MARGEM-INFERIOR: 2px; PADDING-BOTTOM: 2px; BORDER-INFERIOR: #cccccc 1px ALTURA; : 120px; ALINHAMENTO DE TEXTO: centro } A { COR: #999999; DECORAÇÃO DE TEXTO: nenhum } .tabWin { LARGURA: 371px; cccccc 1px sólido; FLOAT: esquerda; 0px 3px sólido; BORDER-RIGHT: #cccccc 1px sólido; ;BORDER-TOP: #cccccc 1px sólido; BORDER-BOTTOM: #cccccc 1px sólido } .tabWinInnerBox { MARGEM: 5px; .tabWinLine4 { LARGURA: 360px; ALTURA: 1px } .tabWinLine2 DIV { FLOAT: esquerda; ALTURA: 1px; : url (imagens/0.gif); LARGURA: 3px } .tabWinLine2 .sepa { IMAGEM DE FUNDO: url (imagens/0.gif); .gif); LARGURA: 3px } .tabWinLine2 .tabWinLine3 { BACKGROUND-REPEAT: sem repetição; PESO DA FONTE: negrito: IMAGEM DE FUNDO: url (images/c21_1.gif); LARGURA: 118px; { BORDER-RIGHT: #cccccc 1px sólido; BORDER-TOP: #cccccc 1px sólido; BACKGROUND-IMAGE: url(images/0.gif); ALTURA: 28px; COR DE FUNDO: branco } .tabWinInnerBox .showblock { BORDA-DIREITA: #cccccc 1px sólido; PADDING-RIGHT: 3px; PADDING-BOTTOM: 8px; BORDER-LEFT: #cccccc 1px sólido; PADDING-COR: #ffffff; bloco oculto { BORDER-RIGHT: #cccccc 1px sólido; PADDING-RIGHT: 3px; PADDING-LEFT: 7px; PADDING-BOTTOM: 8px; 348px; PADDING-TOP: 9px; BORDER-BOTTOM: #cccccc 1px sólido; ALTURA: 143px; { DISPLAY: embutido: esquerda; MARGEM: 0px 3px; LARGURA: automático; ALTURA: 24px } .divTab2 .normal { IMAGEM DE FUNDO: url(imagens/mtitle2.gif); COR: #1f3a87 } .divTab2 .active { PESO DA FONTE: negrito; IMAGEM DE FUNDO: url(imagens/mtitle1.gif) ; TabTitle .sepa { IMAGEM DE FUNDO: url (imagens/speabg.gif); LARGURA: 1px } .divTab2 .TabTitle .border { IMAGEM DE FUNDO: url (imagens/speabg.gif); { FLOAT: esquerda; CURSOR: ponteiro; LINE-HEIGHT: 21px; PADDING-RIGHT: 0px; -ESQUERDA: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: #064ca1 1px LARGURA: 278px; { BORDER-RIGHT: #064ca1 1px sólido; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDA-ESQUERDA: #064ca1 1px sólido; ; BORDER-BOTTOM: #064ca1 1px sólido; ALTURA DE TEXTO: esquerda } </STYLE> <SCRIPT idioma=javascript> var waitInterval = 200; ,obj) { window.clearTimeout(waitInterval); waitInterval=window.setTimeout("ChangeDiv3('"+tabWinObj+"',"+tabWinTotal+","+ obj.id+")",mouseDelayTime) } função ChangeDiv3(tabWinObj,tabWinTotal ,obj) { var itemNum; for(var i=0;i<tabWinTotal;i++) { if (tabWinObj+"_Title"+i == obj.id ) { itemNum = i; document.getElementById(tabWinObj+"_Title"+i ).className = "tabWinTitle"; document.getElementById(tabWinObj+"_Line"+i).className = "tabWinLine3"; document.getElementById(tabWinObj+"_Title"+i); if (divID != null){divID.className = "";} var ContentDiv = document.getElementById (tabWinObj+"_Content"+i); {ContentDiv.className = "hiddenblock";} var BDiv = document.getElementById(tabWinObj+"_Line"+i); if(BDiv!=null){BDiv .className="";} } } var tabWinImg1 = document.getElementById( tabWinObj+"_Img1"); var tabWinImg2 = document.getElementById(tabWinObj+"_Img2"); = "tabWinLine4"; }else{ tabWinImg1.className = "tabWinLine4"; tabWinImg2.className = "tabWinLine2"; =window.setTimeout("changeTabDiv('"+tabObj+"',"+tabTotal+","+obj.id+")",mouseDelayTime) } função changeTabDiv(tabObj,tabTotal,obj){ for(i=0; i < tabTotal; i++) { if (tabObj+"_Título"+i == obj.id) { document.getElementById(tabObj+"_Título"+i).className = "ativo"; className = "showblock"; }else{ document.getElementById(tabObj+"_Title"+i).className = "normal"; document.getElementById(tabObj+" _Content"+i).className = "hiddenblock"; (){window.clearTimeout(waitInterval);} </SCRIPT> <META content="MSHTML 6.00.2900.2180" name=GENERATOR></HEAD> <BODY> <DIV class=divArea3> <DIV class=divAreaCol1><! -- A janela de opções é iniciada--> <DIV class=tabWin id=tabWin> <DIV class=tabWinInnerBox> <DIV class=tabWinLine1> <DIV class= tabWinTitle id=tabWin_Title1 onmouseover="tabWinMouseOver('tabWin',7,this) ;" onmouseout=tabMouseOut();><A class=a4 href="javascript:void(0);">Ações de conceito quente</A> </DIV> <DIV class=sepa></DIV> <DIV id =tabWin_Title2 onMouseOver="tabWinMouseOver('tabWin',7,this);" onmouseout=tabMouseOut();><A class=a4 href="javascript :void(0);">Análise de dados</A></DIV > <DIV class=sepa></DIV> <DIV id=tabWin_Title3 onMouseOver="tabWinMouseOver('tabWin',7,this);" onmouseout= tabMouseOut();><A class=a4 href="javascript:void( 0);">Mercado de Garantias</A> </DIV></DIV> <DIV class=tabWinLine2 id=tabWin_Img1> <DIV class=tabWinLine3 id=tabWin_Line1><IMG height=1 alt="" src="" width=1></DIV> <DIV class=sepa><IMG height=1 alt="" src="" width=1></ DIV> <DIV id=tabWin_Line2><IMG height=1 alt="" src="" width=1></DIV> <DIV class=sepa><IMG height=1 alt="" src="" width= 1></DIV> <DIV id=tabWin_Line3><IMG height=1 alt="" src="" width=1></DIV></DIV> <DIV class=showblock id=tabWin_Content1>ff </DIV > <DIV class=hiddenblock id=tabWin_Content2>ff </DIV> <DIV class=hiddenblock id=tabWin_Content3>ff </DIV> <DIV class=tabWinLine1> <DIV id=tabWin_Title4 onMouseOver="tabWinMouseOver('tabWin',7 ,this);" onmouseout=tabMouseOut();><A class=a4 href="javascript:void(0);">Relatório de pesquisa</A></DIV> <DIV class=sepa></DIV> < DIV id=tabWin_Title5 onMouseOver="tabWinMouseOver('tabWin',7,this) ;" onmouseout=tabMouseOut();><A class=a4 href="javascript:void(0);">Coluna de celebridades</A>< /DIV> <DIV class=sepa></DIV> <DIV id= tabWin_Title6 onMouseOver="tabWinMouseOver('tabWin',7,this);" onmouseout=tabMouseOut();><A class=a4 href="javascript: void(0);">Perspectiva institucional</A></DIV> </DIV> <DIV class=tabWinLine4 id=tabWin_Img2> <DIV id=tabWin_Line4><IMG height=1 alt="" src="" width =1></DIV> <DIV class=sepa><IMG height= 1 alt="" src="" width=1></DIV> <DIV id=tabWin_Line5><IMG height=1 alt="" src ="" width=1></DIV> <DIV class=sepa> <IMG height=1 alt="" src="" width=1></DIV> <DIV id=tabWin_Line6><IMG height=1 alt ="" src="" width=1></DIV></ DIV> <DIV class=hiddenblock id=tabWin_Content4>fffsdafdsa </DIV> <DIV class=hiddenblock id=tabWin_Content5>ff safasf</DIV> <DIV class=hiddenblock id=tabWin_Content6>ggfdsafasdfsdafads </DIV></DIV>< /DIV></DIV> </DIV> </BODY></HTML>