Imágenes parpadeantes (puedes agregar enlaces)

Autor：Eve Cole Fecha de actualización：2009-06-20 15:16:31

Código de efectos especiales de la página web, que imita los efectos del código del menú en el lado derecho de Yahoo

<HTML><HEAD><TITLE>Imulación del menú de Yahoo</TITLE> <META http-equiv=Content-Type content="text/html; charset =gb2312"> < ESTILO tipo=texto/css>CUERPO { MARGEN: 6px 0px; FUENTE: 12px 宋体; ALINEACIÓN DE TEXTO: centro } .divArea3 { ANCHO: 750px } .divArea3 .divAreaCol1 { FLOTADOR: izquierda; ANCHO: 371px } .divArea3 .divAreaCol2 { FLOAT: derecha; ANCHO: 280px } .divArea3Box { BORDE-DERECHO: #cccccc 1px sólido; PADDING-LEFT: 2px; 2px; MARGEN INFERIOR: 2px; RELLENO INFERIOR: 2px; BORDE IZQUIERDO: #cccccc 1px sólido; : 120px; TEXTO- ALINEAR: centro } A { COLOR: #999999; TEXTO-DECORACIÓN: ninguno } .tabWin { ANCHO: 371px; ALTO: 230px } .tabWin { BORDE-DERECHO: #cccccc 1px sólido; cccccc 1px sólido; PANTALLA: en línea; FLOAT: izquierda; MARGEN: 0px 3px; DESBORDAMIENTO: oculto; BORDE-IZQUIERDO: #cccccc 1px sólido; BORDE SUPERIOR: #cccccc 1px sólido; PANTALLA: en línea; FLOAT: izquierda; MARGEN: 0px 3px sólido; BORDE IZQUIERDO: #cccccc 1px sólido; 5px; DESBORDAMIENTO: oculto; ANCHO: 361px; ALTO: 220px } .tabWinLine1 { ANCHO: 360px } .tabWinLine2 { ANCHO: 360px } .tabWinLine4 { ANCHO: 360 px; ALTO: 1 px } .tabWinLine2 DIV { FLOAT: izquierda; ANCHO: 118 px; ALTO: 1 px; : url(imágenes/0.gif); ANCHO: 3px } .tabWinLine2 .sepa { IMAGEN DE FONDO: url(imágenes/0.gif } .tabWinLine4 .sepa { IMAGEN DE FONDO: url(imágenes/0); .gif); ANCHO: 3px } .tabWinLine2 .tabWinLine3 {REPETIR FONDO: no repetir; COLOR DE FONDO: #ffffff } tabWinLine4 tabWinLine3 {REPETIR FONDO: no repetir; COLOR DE FONDO: #ffffff } .tabWinLine1 DIV { PESO DE FUENTE: negrita; FLOTADOR: izquierda; IMAGEN DE FONDO: url (images/c21_1.gif); ANCHO: 118 px; CURSOR: puntero; tabWinTitle; { BORDE DERECHO: #cccccc 1px sólido; BORDE SUPERIOR: #cccccc 1px sólido; IMAGEN DE FONDO: url(images/0.gif); BORDE IZQUIERDO: #cccccc 1px sólido; ALTURA: 28px; COLOR DE FONDO: blanco } .tabWinInnerBox .showblock { BORDE-DERECHO: #cccccc 1px sólido; RELLENO-DERECHO: 3px; RELLENO-IZQUIERDO: 7px; oculto; BORDE IZQUIERDO: #cccccc 1px sólido; ANCHO: 348px; RELLENO SUPERIOR: 9px; ALINEACIÓN DE TEXTO: izquierda} .tabWinInnerBox. bloque oculto { BORDE-DERECHO: #cccccc 1px sólido; RELLENO-DERECHO: 3px; RELLENO-IZQUIERDO: #cccccc 1px sólido; 348px; RELLENO SUPERIOR: 9 px; BORDE INFERIOR: #cccccc 1 px sólido; ALTURA: 143 px; COLOR DE FONDO: #ffffff; ALINEACIÓN DE TEXTO: izquierda } .hiddenblock { PANTALLA: ninguno } .showblock { PANTALLA: bloque } { PANTALLA: en línea; FLOTADOR: izquierda; MARGEN: 0px 3px; DESBORDAMIENTO: ancho: automático; ALTO: 24px } .divTab2 .normal; IMAGEN DE FONDO: url(images/mtitle2.gif); COLOR: #1f3a87 } .divTab2 .active { PESO DE FUENTE: negrita; IMAGEN DE FONDO: url(images/mtitle1.gif) ; TabTitle .sepa { IMAGEN DE FONDO: url(images/speabg.gif); ANCHO: 1px } .divTab2 .TabTitle .border { IMAGEN DE FONDO: url(images/speabg.gif ANCHO: 1px } .divTab2 .TabTitle DIV); {FLOAT: izquierda; ANCHO: 92px; CURSOR: puntero; ALTURA DE LÍNEA: 21px; PADDING-TOP: 3px; PADDING-RIGHT: 0px; -IZQUIERDA: 0px; PADDING-TOP: 0px; BORDE-IZQUIERDO: #064ca1 1px sólido; ANCHO: 278px; PADDING-TOP: 9px sólido; { BORDE-DERECHO: #064ca1 1px sólido; RELLENO-DERECHO: 0px; RELLENO-IZQUIERDO: 0px; RELLENO-ARRIBA: 9px; ; BORDE INFERIOR: #064ca1 1px sólido; ALTURA: 198px; ALINEACIÓN DE TEXTO: izquierda } </STYLE> <SCRIPT language=javascript> var waitInterval; var mouseDelayTime = 200; ,obj) { window.clearTimeout(waitInterval); waitInterval=window.setTimeout("ChangeDiv3('"+tabWinObj+"',"+tabWinTotal+","+ obj.id+")",mouseDelayTime) } función ChangeDiv3(tabWinObj,tabWinTotal ,obj) { var itemNum; for(var i=0;i<tabWinTotal;i++) { if (tabWinObj+"_Title"+i == obj.id ) { itemNum = i; ).className = "tabWinTitle"; document.getElementById(tabWinObj+"_Line"+i).className = "tabWinLine3"; document.getElementById(tabWinObj+"_Content" +i).className = "showblock"; 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"); if(tabWinImg1!=null && tabWinImg2!=null) { if( itemNum < 4) { tabWinImg1.className = "tabWinLine2"; = "tabWinLine4"; }else{ tabWinImg1.className = "tabWinLine4"; tabWinImg2.className = "tabWinLine2" /*tab*/ function tabMouseOver(tabObj,tabTotal,obj) { window.clearTimeout(waitInterval); =window.setTimeout("changeTabDiv('"+tabObj+"',"+tabTotal+","+obj.id+")",mouseDelayTime) } función changeTabDiv(tabObj,tabTotal,obj){ for(i=0; i < tabTotal; i++) { if (tabObj+"_Title"+i == obj.id) { document.getElementById(tabObj+"_Title"+i).className = "activo"; document.getElementById(tabObj+"_Content"+i). 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><! -- Se inicia la ventana de opciones--> <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);">Acciones de conceptos populares</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álisis de datos</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 Warrants</A> </DIV></DIV> <DIV class=tabWinLine2 id=tabWin_Img1> <DIV class=tabWinLine3 id=tabWin_Line1><IMG height=1 alt="" src="" ancho=1></DIV> <DIV clase=sepa><IMG alto=1 alt="" src="" ancho=1></ DIV> <DIV id=tabWin_Line2><IMG alto=1 alt="" src="" ancho=1></DIV> <DIV clase=sepa><IMG alto=1 alt="" src="" ancho= 1></DIV> <DIV id=tabWin_Line3><IMG alto=1 alt="" src="" ancho=1></DIV></DIV> <DIV clase=showblock id=tabWin_Content1>ff </DIV > <DIV clase=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);">Informe de investigación</A></DIV> <DIV class=sepa></DIV> < DIV id=tabWin_Title5 onMouseOver="tabWinMouseOver('tabWin',7,this) ;" onmouseout=tabMouseOut();><A class=a4 href="javascript:void(0);">Columna 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 altura=1 alt="" src="" ancho =1></DIV> <DIV clase=sepa><IMG altura= 1 alt="" src="" ancho=1></DIV> <DIV id=tabWin_Line5><IMG altura=1 alt="" src="" ancho=1></DIV> <DIV clase=sepa> <IMG altura=1 alt="" src="" ancho=1></DIV> <DIV id=tabWin_Line6><IMG altura=1 alt="" src="" ancho=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>