Gambar berkedip (Anda dapat menambahkan tautan)

Penulis：Eve Cole Waktu Pembaruan：2009-06-20 15:16:31

Kode efek khusus halaman web, meniru efek kode menu di sisi kanan Yahoo

<HTML><HEAD><TITLE>Meniru menu Yahoo</TITLE> <META http-equiv=Content-Type content="text/html; charset =gb2312"> < Tipe GAYA=teks/css>BODY { MARGIN: 6px 0px; FONT: 12px 宋体; TEXT-ALIGN: center } .divArea3 { LEBAR: 750px } .divArea3 .divAreaCol1 { FLOAT: kiri; LEBAR: 371px } .divArea3 .divAreaCol2 { FLOAT: kanan; LEBAR: 280px } .divArea3Box { BORDER-RIGHT: #cccccc 1px solid; 2px; : 120px; TEKS- ALIGN: tengah } A { WARNA: #999999; DEKORASI TEKS: tidak ada } .tabWin { LEBAR: 371px; TINGGI: 230px } .tabWin { BORDER-RIGHT: #cccccc 1px solid; cccccc 1px padat; TAMPILAN : sebaris; FLOAT: kiri; MARGIN: 0px 3px; OVERFLOW: tersembunyi; BORDER-KANAN: #cccccc 1px padat; ; BORDER-TOP: #cccccc 1px solid; TAMPILAN: inline; FLOAT: kiri; MARGIN: 0px 3px solid } .tabWinInnerBox { MARGIN: 5 piksel; OVERFLOW: tersembunyi ; LEBAR: 361 piksel; TINGGI: 220 piksel } .tabWinLine1 { LEBAR: 360 piksel; TINGGI: 29 piksel } .tabWinLine2 { TAMPILAN: blok } .tabWinLine4 { TAMPILAN: tidak ada } .tabWinLine2 { LEBAR: 360 piksel; .tabWinLine4 { LEBAR: 360px; TINGGI: 1px } .tabWinLine2 DIV { FLOAT: kiri; LEBAR: 118px; TINGGI: 1px WARNA LATAR BELAKANG: #cccccc } tabWinLine4 DIV { FLOAT: kiri; : url(gambar/0.gif); LEBAR: 3px } .tabWinLine2 .sepa { GAMBAR LATAR BELAKANG: url(gambar/0.gif LEBAR: 3px } .tabWinLine4 .sepa { GAMBAR LATAR BELAKANG: url(gambar/0 .gif); BERAT FONT: tebal; FLOAT: kiri; GAMBAR LATAR BELAKANG: url(images/c21_1.gif); LEBAR: 118px; KURSOR: penunjuk; WARNA: #1f3a87; { BORDER-KANAN: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; GAMBAR LATAR BELAKANG: url(images/0.gif); TINGGI: 28px; tersembunyi; BORDER-LEFT: #cccccc 1px solid; PADDING-TOP: 9px; BORDER-BOTTOM: #cccccc 1px TINGGI: 143px; blok tersembunyi { BORDER-KANAN: #cccccc 1px padat; PADDING-KANAN: 3px; PADDING-KIRI: 7px; PADDING-BAWAH: 8px; 348 piksel; PADDING-ATAS: 9 piksel; BORDER-BOTTOM: #cccccc 1 piksel padat; TINGGI: 143 piksel; WARNA LATAR BELAKANG: #ffffff: kiri } .hiddenblock { TAMPILAN: tidak ada } .showblock { TAMPILAN: blok } .divTab2 { TAMPILAN: sebaris; FLOAT: kiri; MARGIN: 0 piksel 3 piksel; LUMPUAN: tersembunyi; LEBAR: otomatis; TINGGI: 24 piksel } .divTab2 .normal { GAMBAR LATAR BELAKANG: url(images/mtitle2.gif); WARNA: #1f3a87 } .divTab2 .aktif { BERAT FONT: tebal; GAMBAR LATAR BELAKANG: url(images/mtitle1.gif) ; TabTitle .sepa { GAMBAR LATAR BELAKANG: url(gambar/speabg.gif LEBAR: 1px } .divTab2 .TabTitle .border { GAMBAR LATAR BELAKANG: url(gambar/speabg.gif); { FLOAT: kiri; LEBAR: 92 piksel; KURSOR: penunjuk; TINGGI GARIS: 21 piksel; PADDING-ATAS: 3 piksel; TINGGI: 21 piksel } .divTab2 .showblock { BORDER-RIGHT: #064ca1 1 piksel padat; -LEFT: 0px; PADDING-BOTTOM: 0px; OVERFLOW: tersembunyi; BORDER-LEFT: #064ca1 1px padat; LEBAR: 278px; { BORDER-RIGHT: #064ca1 1px solid; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; OVERFLOW: tersembunyi; ; BORDER-BOTTOM: #064ca1 1px solid; TINGGI: 198px; TEXT-ALIGN: kiri } </STYLE> <SCRIPT bahasa=javascript> var waitInterval = 200; ,obj) { window.clearTimeout(waitInterval); waitInterval=window.setTimeout("ChangeDiv3('"+tabWinObj+"',"+tabWinTotal+","+ obj.id+")",mouseDelayTime) } fungsi ChangeDiv3(tabWinObj,tabWinTotal ,obj) { var nomor item; untuk(var i=0;i<tabWinTotal;i++) { jika (tabWinObj+"_Title"+i == obj.id ) { nomor item = i; ).className = "tabWinTitle"; dokumen.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 = dokumen.getElementById(tabWinObj+"_Img2"); jika(tabWinImg1!=null && tabWinImg2!=null) { jika( itemNum < 4) { tabWinImg1.className = "tabWinImg2.className = "tabWinLine4"; }else{ tabWinImg1.className = "tabWinLine4"; tabWinImg2.className = "tabWinLine2" } /*tab*/ fungsi tabMouseOver(tabObj,tabTotal,obj) { window.clearTimeout(waitInterval); =window.setTimeout("changeTabDiv('"+tabObj+"',"+tabTotal+","+obj.id+")",mouseDelayTime) } fungsi changeTabDiv(tabObj,tabTotal,obj){ for(i=0; i < tabTotal; i++) { if (tabObj+"_Title"+i == obj.id) { document.getElementById(tabObj+"_Title"+i).className = "aktif"; 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><! -- Jendela opsi dimulai--> <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);">Saham konsep populer</A> </DIV> <DIV class=sepa></DIV> <ID DIV =tabWin_Title2 onMouseOver="tabWinMouseOver('tabWin',7,this);" onmouseout=tabMouseOut();><A class=a4 href="javascript :void(0);">Analisis data</A></DIV > <DIV class=sepa></DIV> <DIV id=tabWin_Title3 onMouseOver="tabWinMouseOver('tabWin',7,this);" 0);">Pasar Waran</A> </DIV></DIV> <DIV class=tabWinLine2 id=tabWin_Img1> <DIV class=tabWinLine3 id=tabWin_Line1><IMG height=1 alt="" src="" lebar=1></DIV> <DIV class=sepa><IMG tinggi=1 alt="" src="" lebar=1></ DIV> <DIV id=tabWin_Line2><IMG tinggi=1 alt="" src="" lebar=1></DIV> <DIV class=sepa><IMG tinggi=1 alt="" src="" lebar= 1></DIV> <DIV id=tabWin_Line3><IMG tinggi=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);">Laporan penelitian</A></DIV> <DIV class=sepa></DIV> < DIV id=tabWin_Title5 onMouseOver="tabWinMouseOver('tabWin',7,this) ;" onmouseout=tabMouseOut();><A class=a4 href="javascript:void(0);">Kolom Selebriti</A>< /DIV> <DIV class=sepa></DIV> <DIV id= tabWin_Title6 onMouseOver="tabWinMouseOver('tabWin',7,this);" onmouseout=tabMouseOut();><A class=a4 href="javascript: void(0);">Perspektif institusional</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="" lebar=1></DIV> <DIV id=tabWin_Line5><IMG tinggi=1 alt="" src ="" lebar=1></DIV> <DIV class=sepa> <IMG tinggi=1 alt="" src="" lebar=1></DIV> <DIV id=tabWin_Line6><IMG tinggi=1 alt ="" src="" lebar=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>