레어어에 대해 - 레이어와 자바스크립트(1) .

레이어와 자바스크립트(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

다른곳에서 이용할시에는 꼭 출처를 같이 복사이용 바랍니다.