이전
목록
다음
s

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

smwkd
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 · 2013-01-15 (화) 15:09:20 · 3499 · 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,846
13-01-18 조회 3,737
13-01-18 조회 4,938
13-01-17 조회 3,584
13-01-17 조회 5,208
13-01-17 조회 4,351
13-01-17 조회 3,987
13-01-17 조회 5,094
13-01-17 조회 4,853
13-01-17 조회 4,309
13-01-17 조회 3,676
13-01-17 조회 4,258
13-01-17 조회 3,705
13-01-17 조회 4,043
13-01-17 조회 7,000
13-01-16 조회 7,103
13-01-16 조회 4,274
13-01-15 조회 1만
13-01-15 조회 1.1만
13-01-15 조회 5,117
13-01-15 조회 6,785
13-01-15 조회 3,500
13-01-14 조회 6,455
13-01-14 조회 5,987
13-01-14 조회 5,760
13-01-14 조회 5,740
13-01-14 조회 5,393
13-01-14 조회 4,954
13-01-14 조회 8,269
13-01-14 조회 5,791
13-01-14 조회 5,831
13-01-14 조회 5,272
13-01-14 조회 9,979
13-01-14 조회 5,301
13-01-14 조회 6,456
13-01-14 조회 4,919
13-01-14 조회 7,560
13-01-14 조회 6,699
13-01-14 조회 5,433
13-01-14 조회 5,170
13-01-11 조회 4,239
13-01-11 조회 6,290
13-01-11 조회 7,028
13-01-11 조회 6,271
13-01-11 조회 8,449
13-01-10 조회 4,462
13-01-09 조회 3,714
13-01-09 조회 8,031
13-01-09 조회 3,709
13-01-09 조회 6,309
13-01-09 조회 6,331
13-01-09 조회 5,949
13-01-09 조회 5,983
13-01-09 조회 5,363
13-01-09 조회 5,346
13-01-09 조회 5,848
13-01-09 조회 5,395
13-01-09 조회 5,379
13-01-09 조회 5,729
13-01-09 조회 5,769
13-01-08 조회 4,355
13-01-08 조회 3,186
13-01-08 조회 3,660
13-01-08 조회 3,378
13-01-08 조회 5,733
13-01-08 조회 5,491
13-01-07 조회 4,952
13-01-07 조회 3,541
13-01-07 조회 3,703
13-01-07 조회 5,430
13-01-07 조회 6,223
13-01-04 조회 4,178
13-01-04 조회 1.3만
13-01-04 조회 3,700
13-01-04 조회 3,260
13-01-04 조회 4,058
13-01-04 조회 6,040
13-01-03 조회 1만
13-01-03 조회 1.2만
13-01-03 조회 5,816
13-01-02 조회 5,989
13-01-02 조회 9,215
13-01-01 조회 1.3만
13-01-01 조회 7,123
13-01-01 조회 3,413
12-12-31 조회 3,352
12-12-31 조회 5,021
12-12-31 조회 3,688
12-12-31 조회 6,372
12-12-30 조회 3,200
12-12-30 조회 6,013
12-12-30 조회 6,530
12-12-29 조회 4,543
12-12-28 조회 4,975
12-12-28 조회 6,100
12-12-28 조회 3,479
12-12-28 조회 5,933
12-12-28 조회 8,279
12-12-27 조회 4,494
12-12-27 조회 4,194
글쓰기