티스토리 뷰
합쳐지는 텍스트,그림
<head>와 </head> 사이에 아래 소스를 넣어주세요
<script language="JavaScript">
function AniShadow(offX, offY, positive) {
if (offX > 1) {
offX -= 1;
offY -= 1;
document.all.topText.style.filter = "dropShadow(color=#FF99CC, offX=" + offX + ", offY=" + offY + ", positive=" + positive + ")";
setTimeout("AniShadow(" + offX + "," + offY + "," + positive + ")", 50);
}
}
</script>
많이 보셔서 딱 보이시죠?
color=#FF99CC 그림자의 색입니다^^
<body>안에 onLoad="AniShadow(30, 30, 1);" 을 추가해 주세요
예)<body onLoad="AniShadow(30, 30, 1);">
(30, 30, 1);은 가로 30 세로 30으로 부터 그림자가
이동하면서 합쳐지는 거랍니다.
1은 0으로 하시면 그림자가 지나왔던 곳에
그림자 색은 흰색으로 되고 그 곳은 그림자색으로 덮혀요^^;
<body>와 </body> 사이의 원하는 위치에 아래 소스를 넣습니다.
<div id="topText" style="position: absolute; width: 200; height: 100; font-size: 9pt; font-family: 돋움; color:#FF3399; filter:dropShadow(color=#FF3399, offX=30, offY=30, positive=1)"><img src="이미지파일.gif"></div>
width: 200; height: 100은 그림자색으로 덮히는곳의 넓이
size: 9pt; font-family: 돋움; color:#FF3399; 텍스트의 크기 글씨체 색깔