레이어와 자바스크립트(1) .................................................
앞에서 만든 레이어를 자바스크립트 함수를 이용해서 동적으로 보여주고 숨기고 하는 방법을 알아본다. 실제 레이어를 사용할 때는 이 방법으로 사용하므로 사용하므로 잘 익혀두어야 한다.
강의의 일관성을 위해 앞에서 만든 레이어를 그대로 사용한다.
* 자바스크립트에서 레이어가 가진 많은 속성을 바꿀 수 있지만 가장 중요한게 visibility 속성이다. 익스플로러 기준입니다!
|
■ 현재 visible 속성이 설정되어 있어서 레이어가 보인다.
|
| 레이어(Layer)란 층을 의미한다. 포토샵을 시작한 사람은 레이어의 의미를 잘 알고 있을 것이다. | | |
|
■ 이를 자바스크립트함수를 이용 동적으로 하려면 !!! (visibility 속성을 설정)
|
|
<script language="javascript">
function Hide()
{
document.all["Layer111"].style.visibility="hidden"
}
function Show()
{
document.all["Layer111"].style.visibility="visible"
}
// 한개 함수로 만들면(현재상태의 반대로 속성을 설정함)
function showHide()
{
if (document.all["Layer111"].style.visibility=="visible") {
document.all["Layer111"].style.visibility="hidden"
}
else {
document.all["Layer111"].style.visibility="visible"
}
}
</script> |
onMouseOver="Show()" onMouseOut="Hide()"
onMouseOver="showHide()" onMouseOut="showShow()" |
마우스 올리기1
마우스 올리기2 |
| 레이어(Layer)란 층을 의미한다. 포토샵을 시작한 사람은 레이어의 의미를 잘 알고 있을 것이다. | | |
|
이벤트 핸들러는 onClick 에 연결할 수도 있고
또한 td,tr,table,font,a,font 태그에 적용할 수 있다. |
----------------------------------------------------------------------
후출처
-온라인 판매자들의 커뮤니티 셀클럽 http://sellclub.co.kr
-온라인 성공출발지 도매상품공급 셀프리 http://sellfree.co.kr
출처가 나와있지않은 글은 출처가 불분명하여 등록하지못하였습니다. 저작자, 글의 출처에서 수정및 삭제요청하시면 바로수정하겠습니다. 다른곳에서 글을 이용할시에는 꼭 출처를 같이 복사이용 바랍니다.
태그&소스
매니져: 미정
패밀리 사이트 바로가기
처음
