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>
<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>
반응형
'인터넷정보' 카테고리의 다른 글
| 원하는 글이 좌측으로 흐르는 텍스트로 링크지원(body)에 삽입 (0) | 2007.10.17 |
|---|---|
| 문자가 순간 적으로 변하면 링크 지원 (0) | 2007.10.17 |
| 문자가 순간 적으로 변하면 링크 지원 (0) | 2007.10.17 |
| 3차원으로 돌아가는 글자 무자게 신기. (0) | 2007.10.17 |
| 3차원으로 돌아가는 글자 무자게 신기. (0) | 2007.10.17 |
| 폼 안에 문자가 스크롤 되는 소스 (0) | 2007.10.17 |
| 문서의 자동 스크롤 소스 (0) | 2007.10.17 |
| 문서의 자동 스크롤 소스 (0) | 2007.10.17 |
| 하단의 상태바에 날짜/시간/년도/요일 표시 (0) | 2007.10.17 |
| 하단의 상태바에 날짜/시간/년도/요일 표시 (0) | 2007.10.17 |