레이어 움직이기 (1) 에서는 처음에 원하는 위치에 레이어를 생성하고 slideLayer()함수를 이용하여 원하는 위치로 레이어를 슬라이드 시키는 기법을 알아 보았다. 여기서는 slideLayer() 한수를 두번 이상 사용하여 원하는 위치로 이동후 다시 다른 곳으로 이동 시킬 수 있다는 기법을 설명한다.
즉 처음 레이어를 (x,y)좌표에서 (25,25)에 생성하여 (25,25) -> (225,25) -> (225,45) -> (25,45) -> (25,25) -> (정지) 의 궤적을 가지며 슬라이드 시키는 것을 구현 해 보자. 방법은 간단하다 slideLayer()함수를 연속으로 쓰면 된다.
| HTML Example | <html>
<head>
<title>Hellow Homepage - DHTML</title>
<script language="JavaScript1.2" src="cbdhtml.js">
</script>
</head>
<body bgcolor=white>
<script language="JavaScript1.2">
var test="test";
content='<img src=../../dhtml/img/title.gif border=0>';
createLayer(test,25,25,468,60,1,content);
slideLayer(test,225,25,100);
slideLayer(test,225,45,100);
slideLayer(test,25,45,100);
slideLayer(test,25,255,100);
</script>
</body>
</html> | |
|
|
|
