수다닷컴

자바스크립트를 잘 모르구요
HTML이랑 CSS로만 사이트 만들어보고 있는데
탭메뉴를 어떻게 해야할지 모르겠네요
헤더에 네비게이션메뉴가 마우스 드래그하면 밑으로 하위메뉴가 나와야하는데
어떻게 해야할지 모르겠어요ㅜㅜㅜ
탭메뉴 자바스크립트 소스있어서 가져와서 해보는데
제가 만든거에 적용하는게 쉽지가 않아요ㅜㅜ
자바소스를 아예모르겠어서 뭘 바꿔야하는지도 모르겠구요;;;
제발 알려주세요ㅜㅜㅜ사이트 완성시키고싶어요...
소스추가했어요;;;이렇게 하는게 맞나모르겠어요;;;ㅎㅎㅎ!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
html xmlns=http://www.w3.org/1999/xhtml
head
title new document /title
meta http-equiv=content-type content=text/html; charset=utf-8 /
meta name=generator content=editplus /
meta name=author content= /
meta name=keywords content= /
meta name=description content= /
link rel=stylesheet type=text/css href=css/base.css /
link rel=stylesheet type=text/css href=css/reset.css /

style type=text/css

#newsbox {position:relative; width:415px; height:130px; margin-top:40px; background: url(../images/main/Untitled-1_134.jpg) no-repeat 380px -7px;}
#newsbox h3 {float:left; display:inline; position:absolute; top:0;}
#newsbox h3.tab01 {left:0;}
#newsbox h3.tab02 {left:94px;}
#newsbox h3.tab03 {left:188px;}
#newsbox h3.tab04 {left:282px;}
#newsbox ul {position:absolute; width:100%; padding-top:14px;}
#newsbox ul li {padding-top:5px; font-size:0.95em; color:#707070;}
#newsbox ul li a {padding-top:5px; font-size:0.95em; color:#707070;}
#newsbox ul li a:hover {padding-top:5px; font-size:0.95em; color:#ff9900;}
#newsbox ul li span.days {position:absolute; right:25px; padding-top:1px;}
#videolist ul {margin-top:20px; left:5px; }
/style
/head
body
div id=warp
div id=center
div id=newsbox

h3 class=tab01a href=#img src=images/main/Untitled-1_62.jpg width=94 height=23 alt=동영상 뉴스 //a/h3

div id=videolist
ul
lia href=#[동영상] LG화학, 여수공장, 연도 ‘섬마을 봉사데이’ 실시/aspan class=days2013/06/03/span/li
lia href=#[동영상] LG화학, 북미 ESS 실증 사업 배터리 공급업체 선정/aspan class=days2013/06/03/span/li
lia href=#[동영상] LG화학, 예비 사회적기업 후원 강화/aspan class=days2013/05/27/span/li
lia href=#[동영상] LG화학, ‘2013 차이나플라스’ 참가/aspan class=days2013/05/27/span/li
/ul/div

h3 class=tab02a href=#img src=images/main/Untitled-1_63.jpg width=99 height=23 alt=주요 뉴스 //a/h3

div id=mainlist
ul
lia href=#[뉴스] LG화학, ‘희망 가득한 교실’ 만들어요/aspan class=days2013/06/14/span/li
lia href=#[뉴스] LG화학, 고강도 전력 절감 활동 나서/aspan class=days2013/06/05/span/li
lia href=#[뉴스] LG화학, 북미 최대 ESS 실증 사업 배터리 공급업체.../aspan class=days2013/05/30/span/li
lia href=#[뉴스] LG화학, 2013 Chinaplas 참가 /aspan class=days2013/05/13/span/li
/ul/div

h3 class=tab03a href=#img src=images/main/Untitled-1_64.jpg width=96 height=23 alt=사회 공헌 //a/h3
h3 class=tab04a href=#img src=images/main/Untitled-1_65.jpg width=99 height=23 alt=사보 보기 //a/h3
div id=newsletter
ul
lia href=# LG화학 family 6월호 /a/li
lia href=# LG화학 family 5월호 /a/li
lia href=# LG화학 family 4월호 /a/li
lia href=# LG화학 family 3월호 /a/li
/ul/div

/div!--뉴스--
/div!--center--
/div !--warp--
/body
/html

신청하기