이 방법은 아주 간단하다. 우선 두개의 레이어를 만든다. 하나는 원하는 글자레이어를 만들면 되고 두번째 레이어는 그림자을 나타내는 레이어로 쓰기 위해 같은 내용을 가지고 색깔을 회색을 가지도록 만드는 것이다.
통상 그림자는 왼쪽 45도 위에서 태양이 있다고 생각하면 오른쪽 아래 45 방향으로 그림자가 생긴다는 것에 착안을 해서 그림자로 쓸 레이어는 원래의 레이어 보다 오른쪽으로 1만큼 아래로 1만큼의 위치에 놓으면 된다.
원래 레이어는 (x,y)=(5,5) 에 있고 그림자로 쓸 레이어는 (6,6)에 있고 내용을 보면 회색으로 색을 지정하였음을 알 수 있다.
DHTML은 어떤 형식이 있다기 보다는 이렇게 간단한 아이디어로 독특한 효과를 얻을 수 있다.
이때 주의 해야 할 것은 여기서 그림자레이어는 원래의 레이어 보다 아래에 존재토론 해야 한다. 레이어를 만드는 순서대로 차례로 레이어가 올라오는 효과가 나타난다. 첫번째 레이어로 먼저 그림자를 만들고 그 위에 원하는 레이어를 만들려면 레이어만들때 제일 아래에 있는 레이어를 먼저 써야 함에 주의해야 한다.
| 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 text2="text2";
content='<h3 color=gray>DHTML을 이용한 그림자 만들기</h3>';
createLayer(text2,6,6,300,20,1,content);
var text1="text1";
content='<h3>DHTML을 이용한 그림자 만들기</h3>';
createLayer(text1,5,5,300,20,1,content);
</script>
</body>
</html> | | |
|
|
|
