[css] css 메뉴 이미지 롤오버 효과 > 팁앤테크

본문 바로가기
사이트 내 전체검색

팁앤테크

[css] css 메뉴 이미지 롤오버 효과

페이지 정보

본문

<style type="text/css">
#menu a img.menuon {
    display: none;
}
#menu a img.menuoff {
    display: inline;
}
#menu a:hover img.menuon {
    display: inline;
}
#menu a:hover img.menuoff {
    display: none;
}
</style>

<!-- ... 중략 ... -->

<ul id="menu">
    <li>
        <a href="menu1.html">
            <img src="menu1_off.png" class="menuoff" alt="메뉴1">
            <img src="menu1_on.png" class="menuon" alt="메뉴1">
        </a>
    </li>
    <li>
        <a href="menu2.html">
            <img src="menu2_off.png" class="menuoff" alt="메뉴2">
            <img src="menu2_on.png" class="menuon" alt="메뉴2">
        </a>
    </li>
    <li>
        <a href="menu3.html">
            <img src="menu3_off.png" class="menuoff" alt="메뉴3">
            <img src="menu3_on.png" class="menuon" alt="메뉴3">
        </a>
    </li>
</ul>
추천0

댓글목록

profile_image

하현준우사랑님의 댓글

하현준우사랑쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일

오... 소스가 간단해지고 좋네요. 유용한 정보 감사합니다.

profile_image

계절을안고서님의 댓글

계절을안고서쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일

소중한 팁 공유 감사드립니다.

profile_image

바람나라님의 댓글

바람나라쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일

좋은 소스 감사합니다

Total 55건 2 페이지
  • RSS
팁앤테크 목록
번호 제목 글쓴이 조회 추천 날짜
30 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 52361 0 04-07
열람중 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 33067 0 04-07
28 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 23953 0 02-19
27 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 24396 0 02-19
26 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 25420 0 02-19
25 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 20173 0 02-18
24 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 18141 0 02-18
23 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 18282 0 12-15
22 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 16776 0 03-27
21 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 13937 0 03-06
20 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 14088 0 03-05
19 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 16703 0 12-16
18 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 13463 0 12-16
17 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 16088 0 12-05
16 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 16237 0 12-04
15 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 15538 0 11-19
14 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 13078 0 10-24
13 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 15317 0 10-24
12 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 14332 0 10-17
11 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 15338 0 10-17
10 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 41889 0 03-04
9 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 16931 0 01-10
8 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 15436 0 12-18
7 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 21336 0 12-02
6 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 14386 0 07-16

검색

회원로그인

회원가입

사이트 정보

株式会社YHPLUS / 대표 : ZERO
〒140-0011 東京都品川区東大井2-5-9-203
050-5539-7787
오픈카카오톡 (YHPLUS) :
https://open.kakao.com/o/slfDj15d

접속자집계

오늘
519
어제
7,420
최대
8,233
전체
1,516,644
Copyright (c) 株式会社YHPLUS. All rights reserved.