한국어
Yahoo 오른쪽의 메뉴 코드 효과를 모방하는 웹페이지 특수 효과 코드
<HTML><HEAD><TITLE>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: 왼쪽; WIDTH: 371px } .divArea3 .divAreaCol2 { FLOAT: 오른쪽; WIDTH: 280px } .divArea3Box { BORDER-RIGHT: #cccccc 1px Solid; BORDER-TOP: #cccccc 1px solid; 2px; 여백-하단: 2px; 테두리-왼쪽: #cccccc 1px 너비: 100%; 패딩-하단: 2px; : 120px; TEXT- ALIGN: center } A { COLOR: #999999; TEXT-DECORATION: 없음 } .tabWin { WIDTH: 371px } .tabWin { BORDER-RIGHT: #cccccc 1px solid; cccccc 1px solid; DISPLAY: 왼쪽; MARGIN: 0px 3px; OVERFLOW: 숨김; BORDER-LEFT: #cccccc 1px solid } .crbl { BORDER-RIGHT: #cccccc 1px ; 테두리-맨 위: #cccccc 1px 솔리드; 디스플레이: 인라인; 여백: 0px 3px; OVERFLOW: 숨김; BORDER-LEFT: #cccccc 1px 솔리드 } .tabWinInnerBox 5px; 숨김 ; 너비: 361px } .tabWinLine1 { 너비: 360px; 높이: 29px } .tabWinLine2 { 디스플레이: 블록 } .tabWinLine2 { 너비: 360px; .tabWinLine4 { 너비: 360px; 높이: 1px } .tabWinLine2 DIV { FLOAT: 왼쪽; WIDTH: 118px; 높이: 1px; BACKGROUND-COLOR: #cccccc } tabWinLine4 DIV { FLOAT: 왼쪽; : url(images/0.gif); WIDTH: 3px } .tabWinLine2 .sepa { BACKGROUND-IMAGE: url(images/0.gif) WIDTH: 3px } .tabWinLine4 .sepa { BACKGROUND-IMAGE: url(images/0) .gif); WIDTH: 3px } .tabWinLine2 .tabWinLine3 { BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #ffffff } tabWinLine4 tabWinLine3 { BACKGROUND-REPEAT: no-repeat; FONT-WEIGHT: 굵게: 왼쪽; WIDTH: 118px; CURSOR: 포인터; LINE-HEIGHT: 26px } .tabWinLine1 { 테두리-오른쪽: #cccccc 1px 단색; BACKGROUND-IMAGE: url(images/0.gif); 테두리-왼쪽: #cccccc 1px 너비: #b10000; HEIGHT: 28px; BACKGROUND-COLOR: 흰색 } .tabWinInnerBox .showblock { BORDER-RIGHT: #cccccc 1px PADDING-RIGHT: 3px; PADDING-BOTTOM: 8px 마진: 0px 0px 3px; 숨김; BORDER-LEFT: #cccccc 1px WIDTH: 348px; BORDER-BOTTOM: #cccccc 1px HEIGHT: 143px TEXT-ALIGN: left } .tabWinInnerBox . Hiddenblock { 테두리-오른쪽: #cccccc 1px; PADDING-LEFT: 7px; 여백: 0px 0px 3px; 숨김: #cccccc 1px 348px; 테두리-하단: #cccccc 1px BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: 왼쪽 } .hiddenblock { DISPLAY: 블록 } { 디스플레이: 인라인; 여백: 0px 3px; OVERFLOW: 숨겨진; 너비: 232px } .divTab2 .TabTitle { FONT-SIZE: 280px; BACKGROUND-IMAGE: url(images/mtitle2.gif); 색상: #1f3a87 } .divTab2 .active { FONT-WEIGHT: 굵은 글씨체: url(images/mtitle1.gif) .divTab2 ; TabTitle .sepa { 배경 이미지: url(images/speabg.gif); WIDTH: 1px } .divTab2 .TabTitle .border { 배경 이미지: url(images/speabg.gif) } .divTab2 .TabTitle DIV { FLOAT: 왼쪽; 92px; CURSOR: LINE-HEIGHT: 21px; HEIGHT: 21px } .divTab2 .showblock { BORDER-RIGHT: #064ca1 1px PADDING; -LEFT: 0px; OVERFLOW: 숨김; BORDER-LEFT: #064ca1 1px WIDTH: 278px; TEXT-ALIGN: 왼쪽 } .divTab2 .hiddenblock { 테두리-오른쪽: 1px, 패딩-왼쪽: 0px, 테두리-왼쪽: 1px, 너비: 9px ; BORDER-BOTTOM: #064ca1 1px solid; HEIGHT: 198px; TEXT-ALIGN: left } </STYLE> <SCRIPT 언어=javascript> var waitInterval; /*옵션 창*/ function tabWinObj,tabWinTotal ,obj) { window.clearTimeout(waitInterval); waitInterval=window.setTimeout("ChangeDiv3('"+tabWinObj+"',"+tabWinTotal+","+ obj.id+")",mouseDelayTime) } 함수 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"; 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 = "tabWinImg2.className" = "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) } 함수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"; (){window.clearTimeout(waitInterval);} </SCRIPT> <META content="MSHTML 6.00.2900.2180" name=GENERATOR></HEAD> <BODY> <DIV class=divArea3> <DIV class=divAreaCol1><! -- 옵션 창 시작--> <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> </DIV> <DIV class=sepa></DIV> <DIV ID =tabWin_Title2 onMouseOver="tabWinMouseOver('tabWin',7,this);" onmouseout=tabMouseOut();><A class=a4 href="javascript :void(0);">데이터 분석</A></DIV > <DIV class=sepa></DIV> <DIV id=tabWin_Title3 onMouseOver="tabWinMouseOver('tabWin',7,this);" onmouseout= tabMouseOut();><A class=a4 href="javascript:void( 0);">워런트 시장</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);">연구 보고서</A></DIV> <DIV class=sepa></DIV> < DIV id=tabWin_Title5 onMouseOver="tabWinMouseOver('tabWin',7,this) ;" onmouseout=tabMouseOut();><A class=a4 href="javascript:void(0);">연예인 열</A>< /DIV> <DIV class=sepa></DIV> <DIV id= tabWin_Title6 onMouseOver="tabWinMouseOver('tabWin',7,this);" onmouseout=tabMouseOut();><A class=a4 href="javascript: void(0);">제도적 관점</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="" 너비=1></DIV> <DIV id=tabWin_Line5><IMG 높이=1 alt="" src ="" 너비=1></DIV> <DIV 클래스=sepa> <IMG 높이=1 alt="" src="" 너비=1></DIV> <DIV id=tabWin_Line6><IMG 높이=1 alt ="" src="" 너비=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>
