서브메뉴 롤오버 질문입니다!

서브메뉴 롤오버 질문입니다! 정보

서브메뉴 롤오버 질문입니다!

본문

http://jbdc.kr/html/intro01.html

여기 서브메뉴를 보면

마우스를 올리면 빨간색으로 바뀌고

마우스를 밖으로 빼면 하얀색으로 바뀌고

마우스를 클릭했을때 빨간색으로 바뀝니다!

롤오버에서 마우스를 올리면 이미지나 색상 변경하는거까지는 압니다!
초보로서 궁금한점은 마지막에 이미지나 텍스트를 클릭했을때
마지막이미지가 남아있도록 하는 롤오버 방식을 모르겠네요!
답좀 주세요!ㅠㅠ

<img src="img1.gif" name="img1" OnMouseOut="img1.src='img1.gif'" OnMouseOver="img1.src='img1_on.gif'" border="0">

위의 평상시엔 'img1.gif' 이미지!

마우스 올릴시 'img1_on.gif' 이미지!

클릭했을시 'img1.gif'이미지가 나오는것이 아니고 'img1_on.gif'가 나오게 하는것입니다!

답변좀 부탁드릴께요!

복사
공유하기

댓글 전체

HackYa 홈페이지 자기소개 아이디로 검색 회원게시물

홈페이지 자기소개 아이디로 검색 회원게시물

13.11.08 07:55:46

php 나 자스로 하셔야 하구요, 저 페이지는 php 페이지가 아니고, 자스로 했네요. (css 만으로는 불가능 합니다.)

http://jbdc.kr/js/sub.js

와... 소스코드 보니까 토나오네요..... 옛날에는 다 저런식으로 했네요. 헐ㅋ.

jQuery 로 무지 간단하게 할 수 있는데....

<script type="text/javascript">
$(document).ready(function(){
$('#subnav a').each(function(index) {
if(this.href.trim() == window.location)
$(this).addClass("selected");
});
});
</script>

그누보드는 jQuery 를 사용하니, jQuery 로 이렇게 간단하게 구현하실 수 있습니다.

들이갤 자기소개 아이디로 검색 회원게시물

자기소개 아이디로 검색 회원게시물

13.11.08 15:10:58

초보라서 이해가 잘..ㅠㅠ
제가 드림위버로 롤오버까지는 할수있습니다!
그런데 위와 같이 간단한 설명으로는 파악하기가 힘드네요..ㅠㅠ
죄송한데...
스크립트를 예를들명 헤드 윗부분에 넣고,,,
이미지를 어떻게 집어넣어줘야 하는지요??

제일 안되는게 서브메뉴에서 롤오버까지는 되는데 클릭한다음 롤오버 이미지가 보여지게 하고 싶은건데 그게 안되요!
부탁드리지만 상세하게 알려주시면 정말 감사하겠습니다!

HackYa 홈페이지 자기소개 아이디로 검색 회원게시물

홈페이지 자기소개 아이디로 검색 회원게시물

13.11.08 15:40:19

훔.... css 하고 jQuery 를 모르시는데 어떻게 설명을 드려야 할지.... 설명을 다 드린건데 모르시겠다고 하시면 >.<.

난감해서....

그냥 간단하게 만들었습니다.

http://hackya.com/lab/temp/index.html

소스보기 하셔서 똑같이 베껴서 쓰세요.

background 색상을 빨간색으로 해놓은걸 이미지로 바꾸시면 되는 겁니다.

물론 그부분 역시 css 를 아셔야 하실 수 있으시겠죠. (드림위버로 그게 어떻게 가능한지는 잘 모르겠습니다. 아마 그런 기능은 없을거에요.)

css 나 jQuery 를 이해 못하시는 건 어떻게 설명을 드린다고 이해되실 수 있는 부분이 아닙니다.

들이갤 자기소개 아이디로 검색 회원게시물

자기소개 아이디로 검색 회원게시물

13.11.09 11:06:01

이렇게까지 알려주셔서 감사합니다! 한번 해보도록 할께요!

서브메뉴 롤오버 질문입니다! > 그누4 질문답변

그누4 질문답변