태그 자료실

회원로그인

무료회원가입 보안로그인

아이디/비밀번호찾기

신비스러운 공지창

홈페이지

20년 전

<html>
<head>
<TITLE>TextMagnet</TITLE>

<script>


var textwidth=300
var textheight=150
var message=new Array()
message[0]="신기하져?"
message[1]="첨 봣져?"
message[2]="열심히"
message[3]="훔쳐 가세여~."
var x_finalpos=-1
var y_finalpos=50
var x_slices=24
var y_slices=1
var pause=10
var screenwidth=700
var screenheight=400
var x_step=new Array()
var y_step=new Array()
var x_randompos=0
var y_randompos=0
var i_loop=0
var max_loop=24
var i_text=0
var width_slice=Math.floor(textwidth/x_slices)
var height_slice=Math.floor(textheight/y_slices)
var cliptop=0
var clipbottom=height_slice
var clipleft=0
var clipright=width_slice
var spancounter=0

function initiate() {
if (x_finalpos==-1) {
  x_finalpos=Math.floor(document.body.clientWidth/2)-Math.floor(textwidth/2)
}
if (y_finalpos==-1) {
  y_finalpos=Math.floor(document.body.clientHeight/2)-Math.floor(textheight/2)
}
cliptop=0
clipbottom=height_slice
clipleft=0
clipright=width_slice
i_loop=0
spancounter=0
    if (document.all) {
      for (i=0;i<=y_slices-1;i++) {
   for (ii=0;ii<=x_slices-1;ii++) {
    var thisspan=eval("document.all.span"+spancounter+".style")
    x_randompos=Math.ceil(screenwidth*Math.random())
    y_randompos=Math.ceil(screenheight*Math.random())
    thisspan.posLeft=x_randompos
    thisspan.posTop=y_randompos
                thisspan.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
    clipleft+=width_slice
          clipright+=width_slice
          spancounter++
   }
         clipleft=0
         clipright=width_slice
         cliptop+=height_slice
         clipbottom+=height_slice
  }
   }
   explode_IE()
}

function changetext() {
spancounter=0
for (i=0;i<=y_slices-1;i++) {
  for (ii=0;ii<=x_slices-1;ii++) {
   var thisspan=eval("document.all.span"+spancounter+".style")
   thisspan.posLeft=-5000
   spancounter++
  }
}
spancounter=0
if (i_text>message.length-1) {i_text=0}
for (i=0;i<=y_slices-1;i++) {
  for (ii=0;ii<=x_slices-1;ii++) {
   var thisinnerspan=eval("span"+spancounter)
      thisinnerspan.innerHTML=message[i_text]
   spancounter++
  }
}
i_text++
initiate()
}

function explode_IE() {
spancounter=0
if (i_loop<=max_loop-1) {
  for (i=0;i<=y_slices-1;i++) {
   for (ii=0;ii<=x_slices-1;ii++) {
    var thisspan=eval("document.all.span"+spancounter+".style")
    x_step[spancounter]=(x_finalpos-thisspan.posLeft)/(max_loop-i_loop)
    y_step[spancounter]=(y_finalpos-thisspan.posTop)/(max_loop-i_loop)
    thisspan.posLeft+=x_step[spancounter]
    thisspan.posTop+=y_step[spancounter]
    spancounter++
   }
  }
  i_loop++
  var timer=setTimeout("explode_IE()",pause)
}
else {
  spancounter=0
  clearTimeout(timer)
  var timer=setTimeout("changetext()",2000)
}
}

// - End of JavaScript - -->
</script>
<style>
.spanstyle {
position:absolute;
    left:-5000px;
font-size : 28;
font-family : Arial Black;
font-style : italic;
color : Olive;
text-align : center;
background-color : 004400;
border-style : solid;
padding : 5;
width : 280;
height : 90;
}
</style>

</head>

<body text="black" alink="blue" vlink="blue" onLoad="changetext();">

<DIV id="Belongs_not_to_the_script" style="width:200px; height:200px; position:absolute; left:5px; top:200px; z-index:1;">

    <p> </p>
</DIV>

<script>

</script>

</body>
</html>

첨부 :

신비스러운_공지창.zip (1.3 KB) (5)

추천 목록

번호	제목
95	링크에 마우스 올라가면 굵은 선 생기게 하기
94	링크에 각각 다른 효과 주기
93	클릭하면 사라지는 Hide...
	신비스러운 공지창
91	마우스 대기만하면 뜨는창
90	다음부터 이창을 열지않음
89	누르면 사라지는 공지창
88	아이프레임 싸이즈 자동조절
87	이미지 싸이즈대로 새창띄우기
86	다른페이지 넘어갈때 공지창 자동닫히게.
85	태그로 풍선도움말 만들어보자
84	시간 지나서 새창 띄우기
83	트랜지션 공지사항!!
82	바탕화면에 아이콘 생성^-^2
81	단추를 누르면 그림이 바뀌게 만들기
80	서서히 이미지를 변경시켜주는 환상적인 룰오버효과
79	ZipShin이 사용하는 한링크에 두프레임 움직이기..^^
78	홈페이지를 즐겨찾기 추가 메뉴 만들기
77	Form안에 배경이 나옵니다
76	게시판 ( 아이프레임 ) 반투명색으로 나오게 하는 소스
75	공지겸 테이블
74	테이블 테두리 반짝이게 하기
73	특정일의 요일을 계산합니다.
72	왼쪽에서 오른쪽으로 이동하는 공지창..
71	몇초후 사라지는 광고창...
70	테두리 없는 공지사항 창 띄우기 ..
69	간단한 팝업창 소스입니다.
68	공지사항의 글이 수평으로 스크롤 됩니다
67	하드에있는 그림 혹은 파일을 가져올수 ...
66	화면 전체를 프린트 할수있는...