이 방법은 가운데에서 시작하여 레이어의 양끝 모서리로 레이어를 swipe 하는 방법을 보여준다. 레이어 클립&스윕(1)을 이해하였다면 별 무리가 없을 것이다. 잘 모르겠으면 스윕(1)을 다시 읽어보길 권한다.

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=../img/title_dhtml.gif border=0>';
createLayer(test,5,5,468,60,0,content);
clipLayer(test,getWidth(test)/2,getHeight(test)/2,getWidth(test)/2,getHeight(test)/2);
showLayer(test);
swipeLayer(test,0,0,getWidth(test),getHeight(test),200);

</script>

</body>
</html>


설명
다른 부분은 이해가 되리라 생각되고 다음의 부분만 설명하겠다.

clipLayer(test,getWidth(test)/2,getHeight(test)/2,getWidth(test)/2,getHeight(test)/2);
showLayer(test);
swipeLayer(test,0,0,getWidth(test),getHeight(test),200);


윗부분에서 예전에 못보던 함수는 다음과 같다.

getWidth(test) - test란 이름을 가진 레이어의 width(넓이)값을 돌려준다. 즉 처음에 레이어를 생성할때 넓이를 468 으로 지정하였기에 그 값은 468이란 값을 돌려준다. 예제에서는 getWidth(test)/2 로 나누기 2를 하였다. 그렇다면 돌려주는 값은 468/2=234 의 값을 돌려준다.

getHeight() - getWidth(test)와 같은 개념으로 test란 이름의 레이어의 높이 값을 돌려준다. getHeight(test)/2 도 역시 나누기 2한 것이다.

showLayer() - 말 그대로 레이어를 보여준다는 이야기이다. 처음에 레이어 생성시 visible = 0 으로 놓았기 때문에 이 함수 이전에은 레이어는 보이지 않는다. 왜 처음부터 보여주면 되지 안보이게 했다가 보이게 하는가? 라는 질문이 가능하다. 처음부터 너무 알려고 하지 마라 , 질문 안해도 다 알려준다. 아무튼 여기서는 처음에 보여주지 않았던 레이어를 보여주는데 사용된다.