클릭하면 닫히는 공지창[html] .
<!--StartFragment-->[head부분에 들어갈 소스]
----------------------------------------------------------------------------------
<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>
[body부분에 들어갈 소스]
설명은 소스안에 있습니다.
----------------------------------------------------------------------------------
<DIV align="center"
style="position:absolute;left:300px;top:200px;width:280; height:170;
//윗줄에서 공지창의 위치와 크기를 지정합니다.
filter:revealTrans(transition=23,duration=0.5)
blendTrans(duration=0.5);z-index:5;"
id="textFade" onClick="toggleMultimedia()"
style="cursor: hand; position: relative; left: 200; width: 180;
background: #ccccff; border: #cc66ff 5 solid; padding: 10px; filter: blendTrans(duration=3)">
<font style="color:red; font-size:12pt; font-weight: bold;">
공지사항</font>
<font style="color: white; font-size:10pt; font-weight:bold;">
<p>monocafe 태그강좌에 <br> // 이 부분에 원하는 글을 쓰면됩니다.
오신것을 환영합니다.<br>
소스를 무작정 베끼는것 보다는 <br>
태그의 원리를 이해하고<br>
응용력을 기르는게 더 중요하다는걸 <br>
기억하시기 바랍니다.<br>
열심히 하세요.<br>
</DIV>
위 소스를 복사하셔서 카페 메인화면에 html연습장으로 직접보세요
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<--------------요부분에 삽입
</head>
<body>
<--------------요부분에 삽입 각각 복사하셔서 갖다 붙이시면 됩니다
</body>
</html>
*공지창이 닫히는 모습이 매번 변합니다
----------------------------------------------------------------------
출처: 셀클럽 - http://sellclub.co.kr
다른곳에서 이용할시에는 꼭 출처를 같이 복사이용 바랍니다.
'컴퓨터-유용한팁 > HTML' 카테고리의 다른 글
| 링크와 이미지 넣기. (0) | 2015.09.05 |
|---|---|
| 이미지 트래지션[html] . (0) | 2015.09.05 |
| 체크하면 오늘은 더이상 팝업 윈도우를 띄우지 않기 . (0) | 2015.09.05 |
| 움직이는 공지창 . (0) | 2015.09.05 |
| 서서히 새겨지는 글자[Html] . (0) | 2015.09.05 |