Q&A
  • Install
  • Database
  • PHP Function
  • Html/Script
  • Trend
  • ETC
  • HTML/SCRIPT Q&A
  • HOME > Q&A > HTML/SCRIPT Q&A > 메뉴에서 마우스오버 마우스아웃현상
메뉴에서 마우스오버 마우스아웃현상
글쓴이 기술레벨커뮤니티레벨harooya 날 짜 12-02-23 14:03 조 회 619
간편URL http://www.phpschool.com/link/qna_html/205716 복사

SyntaxHighlight로 보기

답변채택율 100 %
Link1 http://cafe.naver.com/hacosa/41888 (30)

링크 걸린 부분에서 소스를 다운 받으시면 소스중에  탭메뉴_마우스클릭 안에 있는 tab.html 문서에서

이미지 경로는 다시 잡으셔야 될듯하세요.

 

그런데 탭의 기능만 사용할려고

게시판 리시트부분을 주석처리해 버리면 뉴스/공지사항 버튼이 처음처럼 작동을 안하네요.ㅜ,.ㅠ

현재 구현되어 있는것이

처음에 뉴스 관련 리스트가 보여서 뉴스버튼이 over 이미지로 보이고 
공지사항을 클릭하지 않고 공지사항에 마우스 오버하면 공지사항이 원래 이미지에서 ==> over이미지로 바뀌면서 뉴스는 over이미지 ==> 원래 이미지로 바뀌고

공지사항을 클릭하지 않고 공지사항에서 마우스 아웃하면 공지사항은 over이미지 ==> 원래 이미지로 뉴스는 다시 원래 이미지 ==> over이미지로 바뀌고



이렇게 코딩 되었던데...

어느 부분을 수정해야 버튼 기능만 사용할 수 있을까요.
설명이 너무 어려운가요..ㅜ,.ㅠ

 

결론은

게시판 리스트 없이 탭의 기능만 사용하고 싶은데.....

어느 부분을 수정해야 할까요...

첨부한 소스가 분석이 시간 걸리시면 다른 소스 링크 좀 부탁드려요..

전체댓글수 3

  • 기술레벨커뮤니티레벨땅그지..(은택/은비아빠) 12-02-23 14:30

    소스보기

  • 저는 간단히 저런거 구현할때는 고민 안하고 무식하게 합니다.

    function roll_img(id)
    {
    document.getElementById("img1").src = "img1.jpg";
    document.getElementById("img2").src = "img2.jpg";
    document.getElementById("img3").src = "img3.jpg";

    document.getElementById(id).src = id+"_over.jpg";
    }

    이런식으로요....
  • 기술레벨커뮤니티레벨멍멍이는멍멍 12-02-23 14:56

    소스보기

  • 로긴 하래요~
  • 기술레벨커뮤니티레벨불친절한하품 12-02-23 17:20

    소스보기

  • 로그인 하래요..
    스타일로도 가능합니다.
    <div id='menu_notice'></div>
    <style>
      #menu_notice { position:relative; width....; height:....; background:url('공지사항이미지.gif') no-repeat; }
      #menu_notice:hover { background:url('공지사항오버이미지.gif') no-repeat; }
    </style>

    대충 이런식으로도 가능해요.
  • 게시물 64,357건 RSS
번호답변제목글쓴이날짜조회
공지 - [필독사항]Q&A 게시판 규칙 [32] 인기 기술레벨커뮤니티레벨커피한잔 08-10-01 97068
64,357 답변진행 아이프레임으로 값 보내려면 [1] 새글 기술레벨커뮤니티레벨SuperY 13-05-23 9
64,356 미답변 핀터레스트처럼 이미지클릭시 url이 생기면서도 url안넘어가고 … 새글 첨부파일 기술레벨커뮤니티레벨마시마로개발자 13-05-23 24
64,355 답변진행 Jquery 레이어팝업이 플래시에 묻히는 현상 때문에. [2] 새글 기술레벨커뮤니티레벨없다그런거 13-05-23 22
64,354 답변완료 jquery로 테이블에서 체크된 행의 A열 B열값 구하기. [2] 새글 기술레벨커뮤니티레벨꼬셔도되는회원입니다 13-05-23 20
64,353 답변진행 checkbox 객체 name을 이용하여 check 됐는지? [1] 새글 기술레벨커뮤니티레벨bamsong2 13-05-23 18
64,352 답변진행 jquery 플러그인을 찾습니다 [2] 새글 기술레벨커뮤니티레벨퍼블리셔 13-05-23 34
64,351 답변완료 쇼핑카트 덧셈 질문좀 드립니다. [2] 새글 기술레벨커뮤니티레벨류뚱 13-05-23 31
64,350 답변진행 초보입니다. mailto 관련 질문입니다. [1] 새글 기술레벨커뮤니티레벨양갈 13-05-23 21
64,349 답변진행 form post방식 질문입니다 ㅠ [1] 새글 기술레벨커뮤니티레벨altls 13-05-22 34
64,348 답변완료 도와주세요.. 한개만 선택되기 [6] 새글 기술레벨커뮤니티레벨류뚱 13-05-22 46
64,347 답변진행 스크립트 변수 입력 관련 [1] 새글 기술레벨커뮤니티레벨SuperY 13-05-22 37
64,346 답변완료 jquery.fancybox 생성한 iframe의 id 확인하려면.. [1] 새글 기술레벨커뮤니티레벨세르피르 13-05-22 22
64,345 답변완료 jQuery 로 혹은 다른 방법으로 탭이동 하는 방법을 알고 싶습니… [2] 새글 기술레벨커뮤니티레벨까오리 13-05-22 30
64,344 답변진행 interval 걸어서 메뉴 포커싱이 이동하는것에 대해서 [1] 새글 기술레벨커뮤니티레벨for_dream 13-05-22 20
64,343 미답변 listivew작업중에 막히네요 도주십시오 ㅠㅠ 새글 기술레벨커뮤니티레벨altls 13-05-22 26
64,342 답변완료 CSS 질문입니다. 다른 클래스를 상속가능한가요? [2] 새글 기술레벨커뮤니티레벨뜨끈 13-05-22 44
64,341 답변진행 팝업관련입니다 부탁드립니다 ㅜㅜ [4] 새글 기술레벨커뮤니티레벨컴공컴돌이 13-05-22 27
64,340 답변진행 select box 값 다른페이지 사용 질문입니다 제발 도와주세요 ㅠ… [1] 새글 기술레벨커뮤니티레벨altls 13-05-22 28
64,339 답변진행 Jquery에서 프로필 사진 올리는방법 ㅠㅠ [1] 새글 기술레벨커뮤니티레벨까르보의품격 13-05-22 28
64,338 답변진행 BAD REQUEST, HTTP 400에러 해결방법 문의 [2] 새글 기술레벨커뮤니티레벨myusb 13-05-22 41
 
12345678910
글쓰기
SEARCH 검색하기