|
|
|
|
| 레어어에 대해 - 레이어와 자바스크립트(1) |
 |
|
|
| 글쓴이 : 바람공주
날짜 : 05-08-10 15:32
조회 : 3561
|
|
 http://cafe.naver.com/q69/7722 (724) | |
|
|
|
레이어와 자바스크립트(1) .................................................
앞에서 만든 레이어를 자바스크립트 함수를 이용해서 동적으로 보여주고 숨기고 하는 방법을 알아본다. 실제 레이어를 사용할 때는 이 방법으로 사용하므로 사용하므로 잘 익혀두어야 한다.
강의의 일관성을 위해 앞에서 만든 레이어를 그대로 사용한다.
* 자바스크립트에서 레이어가 가진 많은 속성을 바꿀 수 있지만 가장 중요한게 visibility 속성이다. 익스플로러 기준입니다!
|
■ 현재 visible 속성이 설정되어 있어서 레이어가 보인다.
|
| 레이어(Layer)란 층을 의미한다. 포토샵을 시작한 사람은 레이어의 의미를 잘 알고 있을 것이다. | | |
|
■ 이를 자바스크립트함수를 이용 동적으로 하려면 !!! (visibility 속성을 설정)
|
|
<script-x language="javascript-x">
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-x> |
onMouseOver="Show()" OnMouseOut="Hide()"
onMouseOver="showHide()" OnMouseOut="showShow()" |
마우스 올리기1
마우스 올리기2 |
| 레이어(Layer)란 층을 의미한다. 포토샵을 시작한 사람은 레이어의 의미를 잘 알고 있을 것이다. | | |
|
이벤트 핸들러는 onClick 에 연결할 수도 있고
또한 td,tr,table,font,a,font 태그에 적용할 수 있다. |
|
|
|
|
Copyright ⓒ hompy.info. All rights reserved.
