Images clignotantes (vous pouvez ajouter des liens)

Auteur：Eve Cole Date de mise à jour：2009-06-20 15:16:31

Code d'effets spéciaux de page Web, imitant les effets de code de menu sur le côté droit de Yahoo

<HTML><HEAD><TITLE>Imulation du menu 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 { LARGEUR : 750px } .divArea3 .divAreaCol1 { FLOAT : gauche ; LARGEUR : 371px } .divArea3 .divAreaCol2 { FLOAT : droit ; LARGEUR : 280 px } .divArea3Box { BORDER-RIGHT : #cccccc 1px solid ; PADDING-DROITE : 2px ; 2px ; MARGE-BAS : 2 px ; REMBOURRAGE-BAS : 2 px ; BORDURE -GAUCHE : #cccccc 1px solide ; : 120px ; TEXTE- ALIGN : centre } A { COULEUR : #999999 ; TEXTE-DÉCORATION : aucun } .tabWin { LARGEUR : 371 px ; cccccc 1px solid ; DISPLAY : inline ; FLOAT : gauche ; MARGIN : 0px 3px ; BORDER-LEFT : #cccccc 1px solid ; ; BORDER-TOP : #cccccc 1px solide ; DISPLAY : en ligne ; FLOTTANT : gauche : 0px 3px; 5px ; DÉBORDEMENT : caché ; LARGEUR : 361 px ; HAUTEUR : 220 px } .tabWinLine1 { LARGEUR : 360px ; .tabWinLine4 { LARGEUR : 360 px ; HAUTEUR : 1 px } .tabWinLine2 DIV { FLOAT : gauche ; LARGEUR : 118 px; : url(images/0.gif); LARGEUR: 3px } .tabWinLine2 .sepa { BACKGROUND-IMAGE: url(images/0.gif); LARGEUR: 3px } .tabWinLine4 .sepa { BACKGROUND-IMAGE: url(images/0 .gif); LARGEUR : 3px } .tabWinLine2 .tabWinLine3 { FOND-REPEAT : pas de répétition ; COULEUR DE FOND : #ffffff } tabWinLine4 tabWinLine3 { FOND-REPEAT : pas de répétition ; POIDS DE LA POLICE : gras ; FLOTTANT : gauche ; IMAGE D'ARRIÈRE-PLAN : url (images/c21_1.gif); LARGEUR : 118 px ; COULEUR : #1f3a87 ; HAUTEUR DE LA LIGNE : 26 px HAUTEUR : 26px ; { BORDURE-DROITE : #cccccc 1px solide ; BORDURE-TOP : #cccccc 1px solide ; IMAGE D'ARRIÈRE-PLAN : url(images/0.gif); HAUTEUR : 28 px ; COULEUR DE FOND : blanc } .tabWinInnerBox .showblock { BORDURE - DROITE : #cccccc 1px solide ; PADDING-DROITE : 3px ; caché ; BORDURE-GAUCHE : #cccccc 1px solide ; LARGEUR : 348px ; PADDING-TOP : 9px ; BORDURE-BAS : #cccccc 1px solide ; HAUTEUR : 143px ; Hiddenblock { BORDER-RIGHT : #cccccc 1px solid ; PADDING-RIGHT : 3px ; PADDING-LEFT : 7px; PADDING-BOTTOM : 0px 0px 3px ; 348px ; PADDING-TOP : 9px ; BORDURE-BOTTOM : #cccccc 1px solide ; HAUTEUR : 143px ; BACKGROUND-COLOR : #ffffff ; gauche } .hiddenblock { DISPLAY : aucun } .showblock { DISPLAY : bloc } { AFFICHAGE : en ligne ; FLOTTANT : gauche ; MARGE : 0 px 3 px ; DÉBORDEMENT : largeur : auto ; HAUTEUR : 232 px } .divTab2 .normal { IMAGE DE FOND : url (images/mtitle2.gif); COULEUR : #1f3a87 } .divTab2 .active { POIDS DE POLICE : gras ; IMAGE DE FOND : url (images/mtitle1.gif) COULEUR : #1f3a87 } . TabTitle .sepa { BACKGROUND-IMAGE: url (images/speabg.gif); LARGEUR: 1px } .divTab2 .TabTitle .border { BACKGROUND-IMAGE: url (images/speabg.gif); LARGEUR: 1px } .divTab2 .TabTitle DIV); { FLOTTANT : gauche ; LARGEUR : 92 px ; CURSEUR : pointeur ; HAUTEUR DE LIGNE : 21 px ; PADDING-HAUTEUR : 21 px ; -GAUCHE : 0px ; PADDING-BOTTOM : 0px ; DÉBORDEMENT : caché ; TEXTE-ALIGN : gauche } .divTab2 .hiddenblock ; { BORDURE-DROITE : #064ca1 1px solide ; PADDING-DROITE : 0px ; PADDING-GAUCHE : 0px ; PADDING-TOP : caché ; ; BORDER-BOTTOM : #064ca1 1px solide ; HAUTEUR : 198px ; TEXT-ALIGN : gauche } </STYLE> <SCRIPT language=javascript> var waitInterval ; var mouseDelayTime = 200 ; ,obj) { window.clearTimeout(waitInterval); waitInterval=window.setTimeout("ChangeDiv3('"+tabWinObj+"',"+tabWinTotal+","+ obj.id+")",mouseDelayTime) } function 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+"_Content" +i).className = "showblock" }else{ var divID = 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) } function changeTabDiv(tabObj,tabTotal,obj){ for(i=0; i < tabTotal; i++) { if (tabObj+"_Title"+i == obj.id) { document.getElementById(tabObj+"_Title"+i).className = "active"; document.getElementById(tabObj+"_Content"+i). className = "showblock"; }else{ document.getElementById(tabObj+"_Title"+i).className = "normal"; document.getElementById(tabObj+" _Content"+i).className = "hiddenblock" } } } function tabMouseOut (){window.clearTimeout(waitInterval);} </SCRIPT> <META content="MSHTML 6.00.2900.2180" name=GENERATOR></HEAD> <BODY> <DIV class=divArea3> <DIV class=divAreaCol1><! -- La fenêtre d'options démarre--> <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);">Stocks de concepts chauds</A> </DIV> <DIV class=sepa></DIV> <ID DIV =tabWin_Title2 onMouseOver="tabWinMouseOver('tabWin',7,this);" onmouseout=tabMouseOut();><A class=a4 href="javascript :void(0);">Analyse des données</A></DIV > <DIV class=sepa></DIV> <DIV id=tabWin_Title3 onMouseOver="tabWinMouseOver('tabWin',7,this);" onmouseout= tabMouseOut();><A class=a4 href="javascript:void( 0);">Marché des warrants</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);">Rapport de recherche</A></DIV> <DIV class=sepa></DIV> < DIV id=tabWin_Title5 onMouseOver="tabWinMouseOver('tabWin',7,this) ;" onmouseout=tabMouseOut();><A class=a4 href="javascript:void(0);">Chronique des célébrités</A>< /DIV> <DIV class=sepa></DIV> <DIV id= tabWin_Title6 onMouseOver="tabWinMouseOver('tabWin',7,this);" onmouseout=tabMouseOut();><A class=a4 href="javascript: void(0);">Perspective institutionnelle</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>