[스크립트] 마우스 롤오버시 변화는 메뉴 효과
페이지 정보
작성자 관리자 작성일15-07-16 08:16 조회2,509회 댓글0건본문
<script>
function change(obj) {
First.style.display = "none";
Second.style.display = "none";
obj.style.display = "block";
}
</script>
<div id="First" style="display:block">
<span style="background-color:yellow">첫번째</span> <span onMouseOver="change(Second)" style="background-color:gray">두번째</span>
<br>첫번째 내용
</div>
<div id="Second" style="display:none">
<span onMouseOver="change(First)" style="background-color:gray">첫번째</span> <span style="background-color:yellow">두번째</span>
<br>두번째 내용
</div>
function change(obj) {
First.style.display = "none";
Second.style.display = "none";
obj.style.display = "block";
}
</script>
<div id="First" style="display:block">
<span style="background-color:yellow">첫번째</span> <span onMouseOver="change(Second)" style="background-color:gray">두번째</span>
<br>첫번째 내용
</div>
<div id="Second" style="display:none">
<span onMouseOver="change(First)" style="background-color:gray">첫번째</span> <span style="background-color:yellow">두번째</span>
<br>두번째 내용
</div>
댓글목록
등록된 댓글이 없습니다.