AWS AWS 디딤 클라우드

알림톡 통합메시징(알림톡)

이니톡 결제 이니톡(알림톡) 결제!

일본결제지원 일본결제지원!

이전
목록
다음
s

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

smwkd
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 2013-01-15 (화) 15:09:20 · 3410 · 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,781
13-01-18 조회 3,661
13-01-18 조회 4,772
13-01-17 조회 3,541
13-01-17 조회 4,994
13-01-17 조회 4,303
13-01-17 조회 3,933
13-01-17 조회 5,018
13-01-17 조회 4,651
13-01-17 조회 4,123
13-01-17 조회 3,592
13-01-17 조회 4,173
13-01-17 조회 3,627
13-01-17 조회 3,967
13-01-17 조회 6,903
13-01-16 조회 7,015
13-01-16 조회 4,177
13-01-15 조회 9,924
13-01-15 조회 1만
13-01-15 조회 5,055
13-01-15 조회 6,578
13-01-15 조회 3,411
13-01-14 조회 6,397
13-01-14 조회 5,943
13-01-14 조회 5,710
13-01-14 조회 5,695
13-01-14 조회 5,353
13-01-14 조회 4,717
13-01-14 조회 8,168
13-01-14 조회 5,749
13-01-14 조회 5,761
13-01-14 조회 5,235
13-01-14 조회 9,818
13-01-14 조회 5,155
13-01-14 조회 6,404
13-01-14 조회 4,865
13-01-14 조회 7,432
13-01-14 조회 6,634
13-01-14 조회 5,360
13-01-14 조회 5,103
13-01-11 조회 4,159
13-01-11 조회 6,238
13-01-11 조회 6,974
13-01-11 조회 6,222
13-01-11 조회 8,403
13-01-10 조회 4,402
13-01-09 조회 3,673
13-01-09 조회 7,995
13-01-09 조회 3,676
13-01-09 조회 6,270
13-01-09 조회 6,297
13-01-09 조회 5,912
13-01-09 조회 5,962
13-01-09 조회 5,350
13-01-09 조회 5,334
13-01-09 조회 5,828
13-01-09 조회 5,371
13-01-09 조회 5,360
13-01-09 조회 5,706
13-01-09 조회 5,732
13-01-08 조회 4,269
13-01-08 조회 3,156
13-01-08 조회 3,618
13-01-08 조회 3,348
13-01-08 조회 5,703
13-01-08 조회 5,450
13-01-07 조회 4,923
13-01-07 조회 3,518
13-01-07 조회 3,659
13-01-07 조회 5,397
13-01-07 조회 6,174
13-01-04 조회 4,056
13-01-04 조회 1.3만
13-01-04 조회 3,660
13-01-04 조회 3,208
13-01-04 조회 4,032
13-01-04 조회 5,999
13-01-03 조회 1만
13-01-03 조회 1.2만
13-01-03 조회 5,764
13-01-02 조회 5,925
13-01-02 조회 9,088
13-01-01 조회 1.3만
13-01-01 조회 7,029
13-01-01 조회 3,367
12-12-31 조회 3,287
12-12-31 조회 4,929
12-12-31 조회 3,572
12-12-31 조회 6,147
12-12-30 조회 3,121
12-12-30 조회 5,938
12-12-30 조회 6,470
12-12-29 조회 4,477
12-12-28 조회 4,903
12-12-28 조회 5,962
12-12-28 조회 3,404
12-12-28 조회 5,867
12-12-28 조회 8,143
12-12-27 조회 4,428
12-12-27 조회 4,112
글쓰기