태그 자료실

회원로그인

무료회원가입 보안로그인

아이디/비밀번호찾기

신비스러운 공지창

홈페이지

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)

추천 목록

번호	제목
48	디자인이 적용된 폼항목들 입니다..
47	DB에 한꺼번에 많은 레코드값 입력 가능한 다중입력기
46	입력폼 추가 및 삭제 기능
45	새창열 때 HTTP_REFERER 값넘기는 꽁수
44	word-break
43	하나의 이벤트 핸들러에서 여러 함수를 사용하기
42	은행에서 사용하는 날짜 조회기간 선택 관련 스크립트
41	버튼을 클릭 하면 안내문 여러개가 뜨는것
40	버튼누르면 아이프레임(iframe) 을 새로고침(reload)하기
39	사운드파일 첨부시 미리 들어보기..
38	select 메뉴 생성기
37	팝업 생성기 2
36	풍선도움말
35	클릭하면 사라지는 공지창
34	내가 태어난 날로부터 정확한 년,월,일,시간,분,초 를 실시간으로 보여줍니다
33	방문자의 정보를 기억하는 폼 양식
32	주민등록번호를 쓰면 생년월일도 자동으로 써집니다
31	링크에 마우스 올라가면 굵은 선 생기게 하기
30	링크에 각각 다른 효과 주기
29	클릭하면 사라지는 Hide...
	신비스러운 공지창
27	마우스 대기만하면 뜨는창
26	다음부터 이창을 열지않음
25	누르면 사라지는 공지창
24	아이프레임 싸이즈 자동조절
23	이미지 싸이즈대로 새창띄우기
22	다른페이지 넘어갈때 공지창 자동닫히게.
21	태그로 풍선도움말 만들어보자
20	시간 지나서 새창 띄우기
19	트랜지션 공지사항!!