사이트 구축·운영 인사이트, SIR 블로그
이전
목록
다음
s

이게 개발자영역인지 디자이너 영역인지 잘몰라서 여기서 좀 여쭤보려고하는데요요 좀도와주세요..ㅠㅠ.

smwkd
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 · 2013-01-15 (화) 15:09:20 · 3531 · 3

제가 서브메뉴바를 만들고있는데 마우스오버효과 주려고하는데 미치겠어요

여기 http://home.ilikeclick.com/service/recommend/sponsorad.html 서 보시는 서브메뉴에서 처럼

위치하는 패이지의 항목의 색깔를 다르게주고

다른 항목에 마우스오버했을시 현재페이지 항목의 색깔효과를 없게하고 다른항목에서 마우스아웃시 다시 현재페이지의 항목에 색깔효과를 주고싶거든요

지금 저사이트에서는 이미지인데 제가 만드려고하는 서브메뉴는 텍스트라서 css를 써야하는데 되게 헷갈리네요



보시면

     <table id="con"  border="0" cellspacing="0" cellpadding="0">
  <tr> <td>

<table  id='body_layout'><tr><td colspan='2'>
   </td></tr>
   <tr>
    <td>
                 
   <table   id='sub_menu'>
       <tr><td class='dir'>
      <dl>
       <dd  id="ex"><a href='#'>  test </a></dd>
     <dd id="ex2" onmousemove="mouseOver()" onmouseout="mou()"><a href='#'> test2 </a></dd>
    
이런식으로 짜여있구요

자바는

-----------------------

function mouseOver(){
document.getElementById("ex").className= ""; 
 
}

function mou(){
document.getElementById("ex").className = " "; 
  }

---------------------

이렇게되있는데요  ex에 클래스를 적용시키려니 테이블 구조가 너무복잡해서 어떻게 적어야될줄 모르겠어요

전에쓰던 소스는 그냥 마우스만 올라가면 색깔바뀌는 효과만줘서
소스가
------------
#sub_menu dd a{list-style: none; text-decoration: none;font-family: 'NanumGothicWeb';font-size:18px;color: #000000;}

#sub_menu dd a:hover {   list-style: none; text-decoration: none;font-family: 'NanumGothicWeb';font-size:18px;color:#002181;
 }
-----------

이렇게 됬었거든요
그런데 현재페이지 표시에다가 다른서브메뉴항목에 마우스오버를 하면
현재페이지의 항목에 컬러를 그냥 검정색으로 돌리려고하니 너무힘든거같아요ㅠㅠ
정말이거 어떻게해야하나요? 보통이런식으로 서브메뉴를 짜려면 어떤방식으로 짜는지 알고싶습니다 가르쳐주시면 정말감사하겠습니다
제발도와주세요 부탁드립니다ㅠㅠ..

#개발자톡 #개발자
|

댓글 3개

신타
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2013-01-24 (목) 13:45:30
참 난해하죠..
영역을 누가 나눠준다면 해결되겠지만
스크립트같은경우는 개발자가 해줄수는 있다고 생각을 합니다.
css같은경우는 디자이너의 몫이겠지요??
시누이
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2013-02-25 (월) 18:49:21
퍼블리셔가 따로 없다면 개발자 업무입니다.
폴피어스
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2013-04-05 (금) 12:18:25
흠... 개발자가 디자이너가 좀더 편하게 작업할수 있도록, 디자인 부분을 가능한한 분리시켜 주는게 좋을듯 합니다. 사실 요즘 웹페이지에서 jquery 사용하면 자신이 프로그래머인지 디자이너인지 헷갈릴 정도로 스크립트와 css와 html을 마구 뒤섞어서 쓰는 자신을 발견합니다. -_-;;; 결국 디자이너라도 스크립트와 프로그래밍을 어느정도 이해하시고 간단한건 직접 쓸수 있는 수준이 되는게 좋습니다.
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
13-01-18 조회 3,878
13-01-18 조회 3,770
13-01-18 조회 4,965
13-01-17 조회 3,617
13-01-17 조회 5,241
13-01-17 조회 4,376
13-01-17 조회 4,011
13-01-17 조회 5,133
13-01-17 조회 4,890
13-01-17 조회 4,348
13-01-17 조회 3,716
13-01-17 조회 4,301
13-01-17 조회 3,752
13-01-17 조회 4,094
13-01-17 조회 7,048
13-01-16 조회 7,140
13-01-16 조회 4,318
13-01-15 조회 1만
13-01-15 조회 1.1만
13-01-15 조회 5,154
13-01-15 조회 6,825
13-01-15 조회 3,532
13-01-14 조회 6,493
13-01-14 조회 6,010
13-01-14 조회 5,788
13-01-14 조회 5,764
13-01-14 조회 5,419
13-01-14 조회 4,978
13-01-14 조회 8,290
13-01-14 조회 5,809
13-01-14 조회 5,853
13-01-14 조회 5,288
13-01-14 조회 1만
13-01-14 조회 5,331
13-01-14 조회 6,482
13-01-14 조회 4,950
13-01-14 조회 7,585
13-01-14 조회 6,730
13-01-14 조회 5,459
13-01-14 조회 5,202
13-01-11 조회 4,271
13-01-11 조회 6,331
13-01-11 조회 7,069
13-01-11 조회 6,298
13-01-11 조회 8,475
13-01-10 조회 4,489
13-01-09 조회 3,739
13-01-09 조회 8,056
13-01-09 조회 3,735
13-01-09 조회 6,336
13-01-09 조회 6,344
13-01-09 조회 5,960
13-01-09 조회 6,001
13-01-09 조회 5,375
13-01-09 조회 5,358
13-01-09 조회 5,857
13-01-09 조회 5,404
13-01-09 조회 5,395
13-01-09 조회 5,737
13-01-09 조회 5,785
13-01-08 조회 4,381
13-01-08 조회 3,207
13-01-08 조회 3,684
13-01-08 조회 3,399
13-01-08 조회 5,754
13-01-08 조회 5,510
13-01-07 조회 4,974
13-01-07 조회 3,561
13-01-07 조회 3,724
13-01-07 조회 5,444
13-01-07 조회 6,238
13-01-04 조회 4,206
13-01-04 조회 1.3만
13-01-04 조회 3,722
13-01-04 조회 3,283
13-01-04 조회 4,085
13-01-04 조회 6,062
13-01-03 조회 1만
13-01-03 조회 1.2만
13-01-03 조회 5,842
13-01-02 조회 6,019
13-01-02 조회 9,244
13-01-01 조회 1.3만
13-01-01 조회 7,159
13-01-01 조회 3,447
12-12-31 조회 3,385
12-12-31 조회 5,056
12-12-31 조회 3,729
12-12-31 조회 6,413
12-12-30 조회 3,245
12-12-30 조회 6,060
12-12-30 조회 6,565
12-12-29 조회 4,577
12-12-28 조회 5,022
12-12-28 조회 6,145
12-12-28 조회 3,521
12-12-28 조회 5,972
12-12-28 조회 8,320
12-12-27 조회 4,545
12-12-27 조회 4,234
글쓰기