회원등록 ｜ 비번분실

ㆍ작성자 JAVA
ㆍ작성일 2002-01-30 (수) 21:17
ㆍLink#2 hidden_scroll.html (Down:5)
ㆍ추천: 0  ㆍ조회: 1616      
ㆍIP:
비밀스런 메세지 스크롤 시키며 보여주기
<HTML>
<HEAD>
<TITLE> Jasko Sample Script </TITLE>

<!------ 1. 아래의 코드를 HEAD 부분에 붙여 넣어세요 ----------------->

<style type="text/css">

/*----- 텍스트 영역의 스타일 -----*/
.textstyle        {
      position:absolute;
      left:-2000px;
  width:110px;
  height:auto;
  font-family:굴림;
  font-size:9pt;
  text-align:center;
      color:FFFFFF;
}

/*----- 커버 영역의 스타일 ----*/

.coverstyle        {
      position:absolute;
      left:-2000px;
  width:140px;
  height:180px;
  background-color:black;
filter:alpha(opacity=0,finishopacity=100,style=2,startX=0px,startY=0px,finishX=120px,finishY=160px);
}
</STYLE>

<SCRIPT LANGUAGE="JavaScript">
<!--

var covertop=10
var coverleft=10
var coverwidth=140
var coverheight=180

var texttop=covertop
var textleft=coverleft+15
var textwidth=coverwidth-20
var textheight=500

var cliptop=texttop
var clipright=textwidth
var clipbottom=coverheight
var clipleft=0

var clippoints

var step=2
var pause=50
var timer


function init() {
  if (document.all) {  
          document.all.text.style.posTop=texttop
      document.all.text.style.posLeft=textleft
      document.all.cover.style.posTop=covertop
      document.all.cover.style.posLeft=coverleft
      scrolltext()
  }
}

function scrolltext() {
  if (document.all.text.style.posTop > (covertop-textheight)) {  
      cliptop+=step
      clipbottom+=step
      clippoints="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
              document.all.text.style.clip=clippoints
      document.all.text.style.posTop-=step
  }
  else {
      document.all.text.style.posTop=texttop
      cliptop=covertop
      clipbottom=coverheight
  }
 timer= setTimeout("scrolltext()",pause)
}
// --->
</SCRIPT>

<!------------------------- 여기까지 ------------------------------>

</HEAD>

<!------ 2. 아래의 이벤트 핸들러를 BODY 태그안에 붙여 넣으세요 ------>

<BODY bgcolor=black onLoad="init()">

<!------------------------- 여기까지 ------------------------------>

<!------ 3. 원하는 위치에 아래와 같은 방법으로 붙여 넣으세요 --------->

<DIV ID="text" class="textstyle">
이곳에 메세지를 입력 하세요
</DIV>

<DIV ID="cover" class="coverstyle"></DIV>

</BODY>
</HTML>
  0
3500