<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>
자료출저 : www.naver.com
======================
스타일의 이미지가 링크방식이라..붙이셔 바로 사용하실 수 있으실겁니다.
<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>
자료출저 : www.naver.com
======================
스타일의 이미지가 링크방식이라..붙이셔 바로 사용하실 수 있으실겁니다.
[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]
댓글 2개
17년 전
익스만 잘 보이는다는 글이 돌아다니네요 ㅡㅡ;;;;;
17년 전
코드상으로는 표준인데... 익스만 보이나요?
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 2830 | 15년 전 | 980 | ||
| 2829 | 15년 전 | 683 | ||
| 2828 | 15년 전 | 721 | ||
| 2827 | 15년 전 | 648 | ||
| 2826 | 15년 전 | 848 | ||
| 2825 |
 Kiiru |
15년 전 | 665 | |
| 2824 | 15년 전 | 797 | ||
| 2823 | 15년 전 | 736 | ||
| 2822 | 15년 전 | 1013 | ||
| 2821 | 15년 전 | 645 | ||
| 2820 | 15년 전 | 837 | ||
| 2819 | 15년 전 | 766 | ||
| 2818 | 15년 전 | 1094 | ||
| 2817 |
Lemios
|
15년 전 | 1319 | |
| 2816 | 15년 전 | 745 | ||
| 2815 | 15년 전 | 868 | ||
| 2814 | 15년 전 | 758 | ||
| 2813 |
 신현종실장 |
15년 전 | 904 | |
| 2812 | 15년 전 | 756 | ||
| 2811 |
신현종실장 |
15년 전 | 928 | |
| 2810 | 15년 전 | 820 | ||
| 2809 | 15년 전 | 833 | ||
| 2808 |
Kiiru |
15년 전 | 755 | |
| 2807 | 15년 전 | 3711 | ||
| 2806 | 15년 전 | 6804 | ||
| 2805 | 15년 전 | 938 | ||
| 2804 |
MKCstrong
|
15년 전 | 727 | |
| 2803 | 15년 전 | 1085 | ||
| 2802 | 15년 전 | 887 | ||
| 2801 | 15년 전 | 926 | ||
| 2800 | 15년 전 | 791 | ||
| 2799 | 15년 전 | 679 | ||
| 2798 | 15년 전 | 1115 | ||
| 2797 |
 단팥도나쓰 |
15년 전 | 759 | |
| 2796 | 15년 전 | 1315 | ||
| 2795 |
신현종실장 |
15년 전 | 1094 | |
| 2794 | 15년 전 | 911 | ||
| 2793 | 15년 전 | 864 | ||
| 2792 |
 JMS007 |
15년 전 | 730 | |
| 2791 | 15년 전 | 1057 | ||
| 2790 | 15년 전 | 758 | ||
| 2789 |
진정한승리
|
15년 전 | 2857 | |
| 2788 | 15년 전 | 1066 | ||
| 2787 | 15년 전 | 995 | ||
| 2786 | 15년 전 | 1134 | ||
| 2785 | 15년 전 | 732 | ||
| 2784 | 15년 전 | 1004 | ||
| 2783 | 15년 전 | 1200 | ||
| 2782 | 15년 전 | 878 | ||
| 2781 | 15년 전 | 1645 | ||
| 2780 | 15년 전 | 679 | ||
| 2779 |
 똥싼너구리 |
15년 전 | 855 | |
| 2778 | 15년 전 | 1162 | ||
| 2777 |
 Terrorboys |
15년 전 | 926 | |
| 2776 | 15년 전 | 662 | ||
| 2775 |
JMS007 |
15년 전 | 2897 | |
| 2774 |
 프리웹미디어 |
15년 전 | 1071 | |
| 2773 |
프리웹미디어 |
15년 전 | 2063 | |
| 2772 | 15년 전 | 1948 | ||
| 2771 | 15년 전 | 1008 | ||
| 2770 |
RedRiverFisher
|
15년 전 | 2248 | |
| 2769 | 15년 전 | 810 | ||
| 2768 | 15년 전 | 1333 | ||
| 2767 | 15년 전 | 2526 | ||
| 2766 |
용다섯마리
|
15년 전 | 790 | |
| 2765 | 15년 전 | 1322 | ||
| 2764 | 15년 전 | 1538 | ||
| 2763 | 15년 전 | 905 | ||
| 2762 | 15년 전 | 1219 | ||
| 2761 | 15년 전 | 763 | ||
| 2760 |
JMS007 |
15년 전 | 1999 | |
| 2759 | 15년 전 | 1392 | ||
| 2758 | 15년 전 | 876 | ||
| 2757 | 15년 전 | 556 | ||
| 2756 | 15년 전 | 666 | ||
| 2755 |
 Waydev |
15년 전 | 1102 | |
| 2754 | 15년 전 | 1174 | ||
| 2753 | 15년 전 | 596 | ||
| 2752 | 15년 전 | 490 | ||
| 2751 | 15년 전 | 744 | ||
| 2750 | 15년 전 | 695 | ||
| 2749 |
원시인교주
|
15년 전 | 1715 | |
| 2748 | 15년 전 | 565 | ||
| 2747 | 15년 전 | 632 | ||
| 2746 | 15년 전 | 601 | ||
| 2745 | 15년 전 | 861 | ||
| 2744 |
원시인교주
|
15년 전 | 1695 | |
| 2743 | 15년 전 | 1640 | ||
| 2742 |
원시인교주
|
15년 전 | 14072 | |
| 2741 |
원시인교주
|
15년 전 | 3174 | |
| 2740 |
JMS007 |
15년 전 | 737 | |
| 2739 | 15년 전 | 658 | ||
| 2738 | 15년 전 | 790 | ||
| 2737 | 15년 전 | 685 | ||
| 2736 | 15년 전 | 694 | ||
| 2735 | 15년 전 | 11334 | ||
| 2734 | 15년 전 | 1185 | ||
| 2733 | 15년 전 | 1040 | ||
| 2732 | 15년 전 | 1380 | ||
| 2731 | 15년 전 | 1319 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기