묻고답하기
웹사이트메뉴를 꾸밀려는데 고수님들~~~
2007.11.12 20:02
쉽게 설명드리자면
A
B
C
라는 메뉴가 있고 D라는 이미지가 있는데
A B C메뉴를 마우스오버하면 D라는 이미지가 바뀌어야되는데... 이방법을 잘 모르겠더라구요...
아 그리고 메뉴를 기왕이면 마우스오버하면 메뉴랑 D도 마우스오버에 같이 적용되서 이미지가 바뀌었으면 좋겠는데...
방법을 잘 모르겠습니다.
2007.11.12 20:02
쉽게 설명드리자면
A
B
C
라는 메뉴가 있고 D라는 이미지가 있는데
A B C메뉴를 마우스오버하면 D라는 이미지가 바뀌어야되는데... 이방법을 잘 모르겠더라구요...
아 그리고 메뉴를 기왕이면 마우스오버하면 메뉴랑 D도 마우스오버에 같이 적용되서 이미지가 바뀌었으면 좋겠는데...
방법을 잘 모르겠습니다.
간단히 아래와 같이요
<style type="text/css" media="all">
.spc {cursor:pointer}
.001img {border:2px solid #eee}
</style>
<script type="text/javascript" language="JavaScript">
function showimg(ss){
var dimg = document.getElementById('001');
dimg.src=ss;
}
</script>
<span class="spc" onclick="showimg('http://www.zeroboard.com/./files/attach/images/148/1287834/thumbnail_140_crop.jpg')">A</span>
<span class="spc" onclick="showimg('http://www.zeroboard.com/./files/attach/images/148/1287831/thumbnail_140_crop.jpg')">B</span>
<span class="spc" onclick="showimg('http://www.zeroboard.com/./files/attach/images/148/1287813/thumbnail_140_crop.jpg'+ ')">C</span>
<br />
<img id="001" class="001img" src="http://www.zeroboard.com/./files/attach/images/148/1287834/thumbnail_140_crop.jpg" alt="" />