|
클릭하면 서서히 사라지는 효과입니다. |
<DIV id=textFade style="border:#666666 1px solid; font-size:9pt; color:black; background:white; filter: blendTrans(duration=1); left:70px; top:30px; width:240px; height:25; padding:5; cursor:hand; position: relative" onclick=toggleMultimedia() align=center>내용</DIV>
<SCRIPT language=JavaScript>
var curObj;
function toggleMultimedia() {
if (textFade.filters(0).status == 2) {
textFade.filters(0).Stop();
if (textFade.style.visibility == "hidden")
textFade.style.visibility = "visible";
else
textFade.style.visibility = "hidden";
window.setTimeout("toggleMultimedia()", 1);
}
textFade.filters(0).Apply();
if (textFade.style.visibility == "hidden")
textFade.style.visibility = "visible";
else
textFade.style.visibility = "hidden";
textFade.filters(0).Play();
}
</SCRIPT>
border : 테두리의 색깔, 두께, 종류
font-size : 글자크기
color : 글자색
background : 배경색
duration : 트랜지션 속도
left : 왼쪽 위치
top :
위쪽 위치
width : 너비
height : 높이
padding :
내부 여백
cursor : 마우스
커서 모양(css의 마우스 커서 바꾸기 참고하세요.)
align : 글자 정렬