인터넷정보

폼 안에 문자가 스크롤 되는 소스

알 수 없는 사용자 2007. 10. 17. 13:06
head 부분에 삽입
<SCRIPT LANGUAGE="JavaScript">
<!--
var id,
pause=0,
position=0;
function banner() {
   var i,k,
   msg=document.form1.message.value;
   k=(50/msg.length)+1;
   for(i=0;i<=k;i++)
   msg+="-----"+msg; // 메시지가 한 번 스크롤된후, 다음 스크롤을 시작하기까지의
                     // 여백을 지정해 주는 부분이다.
   document.form1.banner.value=msg.substring(position,position+50);
   if(position++==document.form1.message.value.length)
position=0;
   id=setTimeout("banner()",
   1000/document.form1.speed.value);
   }
//-->
</SCRIPT>

body 부분에 삽입
//파란색 글자부분은 페이지가 로딩되면서, 메시지 스크롤 자바스크립트가
// 자동으로 실행되도록하기위해서 지정해 주어야 한다.
<BODY bgcolor="#ffffff" onLoad="banner()">
<FORM name="form1">
// 입력폼안에서 스크롤할 메시지를 지정하는 부분입니다.
<INPUT type="hidden" name="message"
value="태그의 최강자를 꿈꾸며, 태그피아에 오신걸 환영합니다.">
<INPUT type="hidden" name="speed" VALUE="5">  // 스크롤 속도를 지정하는 부분
<INPUT type="text" name="banner"  SIZE="28">  // 입력폼의 크기(컬럼수)를 지정하는 부분
</FORM>
반응형