회원가입∴아이디/비번찾기
홈으로


운.영.자.1대1.상담
스마트라디오(Smart Radio)
음악방송 앱 다운로드
E.Q. Christmas Tree
E.Q. 오디오 플레이어
가사검색
컴퓨터 오목
멀티 동영상 플레이어
실시간 TV보기
myTUBE MOVIE PLUS
DANCING GIRL
MODEL HOT MOVIES
스마트웹 에서 음악감상
K-POP 걸그룹 MV 2023
보안∵서버∵쿠키
윈도우∵프레임
이미지∵배경
시간∵달력∵계산
상태바∵타이틀바
음악∵영상
폼∵전송∵테이블
키보드∵마우스
효과∵링크∵메뉴
Script∵php
기타
PHP 강좌
윈도우관련팁
웹관련팁
홈페이지제작팁
기본강좌
레지스트리
윈도우서버
리눅스서버
Android
네이버 콤보스타일 메뉴
13년 전

<html>
<head>
    <title>http://www.naver.com</title>
<style>
    #bannerbox .oherpromotion {display:inline; position:relative; float:left; margin:3px 11px 0 0 ; }
    #bannerbox .oherpromotion h3 {float:left; width:188px; height:20px; background:url(http://imgshopping2.naver.com/2007/new/main/bg_oftenview.gif) no-repeat left top; color:#666; font-weight:normal; font-size:12px; text-align:left; letter-spacing:-1px}
    #bannerbox .oherpromotion h3 a {display:block; width:184px; height:16px; padding:4px 0 0 7px; color:#666; text-decoration:none;}
    #bannerbox .oherpromotionlist {position:absolute; left:0px; top:18px; width:188px; background:url(http://imgshopping2.naver.com/2007/new/main/bg_ranking_list_mid.gif) repeat-y left top; z-index:100;}
    #bannerbox .oherpromotioninner {background:url(http://imgshopping2.naver.com/2007/new/main/bg_ranking_list_bottom.gif) no-repeat left bottom;}
    #bannerbox .oherpromotionlist ul {width:158px; margin:0 8px; padding:3px 0; overflow:hidden;}
    #bannerbox .oherpromotionlist li {width:100%; padding:6px 0 4px 0; background:url(http://imgshopping2.naver.com/2007/new/rankingshop/dot_gray01.gif) repeat-x left top; font-size:12px; vertical-align:top; line-height:1em; letter-spacing:-1px; text-align:left;}
    #bannerbox .oherpromotionlist li a {padding-left:15px; background:url(http://imgshopping2.naver.com/2007/new/rankingshop/bu_arrow02.gif) no-repeat 3px top; color:#7f7f7f;}
    #bannerbox .oherpromotionlist li a:hover {color:#64a32f;}

</style>
<script>
function toggleView(target){
    var sTarget = target.href.split("#");
    var aTarget = document.getElementById(sTarget[sTarget.length-1]);
    if(aTarget.style.display == "none") aTarget.style.display = "block";
    else aTarget.style.display = "none";
}
</script>
</head>
<body>
<div id="bannerbox">
    <div class="oherpromotion">
    <h3><a href="#oherpromotionview" onClick="toggleView(this); return false;" onfocus=this.blur()>네이버 콤보스타일 메뉴</a></h3>
        <div id="oherpromotionview" class="oherpromotionlist" style="display:none;">
            <div class="oherpromotioninner">
                <ul>
                    <li><A HREF="http://www.naver.com">네이버 1</A>
                    <li><A HREF="http://www.naver.com">네이버 2</A>
                    <li><A HREF="http://www.naver.com">네이버 3</A>
                </ul>
            </div>
        </div>
    </div>
</div>
</body>
</html>
추천추천 : 578 추천 목록
번호 제목
84
 input 입력 필드 앞뒤 공백 실시간 제거
83
 Placeholder 포커스시 감추기
82
 [ transition ] 링크 hover 색상 변화 속도 조절
81
 CSS Hover 를 이용한 깔끔한 페이징
80
 스크롤해도 상단에 고정되는 메뉴 만들기
79
 [jQuery] jQuery fadeIn(), fadeOut(), fadeToggle(), fadeTo() 이해하기
78
 쇼핑몰 상품테이블 롤링
77
 Input 한글/영어 제어하기
76
 퀵메뉴
75
 div 태그에 스크롤바(Scroll Bar) 붙이기
74
 CSS Hack을 사용하여 호환성 문제를 해결
73
 자바스크립으로 플래쉬 메뉴처럼...
72
 input 박스에 안내문구 나타내기
71
 input textarea 포커스시 효과주기 이미지
70
 문장에서 특정단어에 효과주기마스터
69
 x 초후 나타나는 레이어...
68
 meta 화면이펙트
67
 원클릭으로 세개의 iframe에 링크 호출하기
66
 카운트다운 후 특정 페이지로 이동합니다
65
 롤오버 버튼 스크립트
64
 버튼 클릭시 열리는 레이어 팝업 이동가능한 레이어 만들기
63
 좌우측 재생 제어되는 자바스크립트 마퀴(marquee) 소스
62
 <blink> 태그 구현
61
 롤오버, 자동 이동 레이어
60
 이미지 롤링
네이버 콤보스타일 메뉴
58
 HTML과 자바스크립트에서 스타일시트 속성
57
 CDATA 섹션[XML 표준]
56
 textfield 크기에 맞게 툴팁(tooltip) 보여주는 레이어
55
 웹페이지 이동 방법
123
목록
취소

(뮤직트로트 앱 설치)
스마트웹 무료음악
BEST TOP 200
트로트TV
뽕짝아가씨
가요 BEST
KPOP MV
오아시스
못잊을옛날노래
미스트롯&화밤
VOD&MV
실시간 IPTV
종합성인가요방
추천가요＼인기
추억의옛노래
BillBoard Free
WOLRD POPs
HIT BillBoard
POP TOP BEST
최신인기가요특집
트로트성인가요
인기가요
Billboard POP
경음악＼기타
HOT 최신가요
HOT 성인가요
뮤직트로트 부산광역시 부산진구 가야동 ㅣ 개인정보취급방침
Copyright ⓒ musictrot All rights reserved.