모두가 웹사이트를 탐색할 때 활성 상태 표시줄의 텍스트가 왼쪽에서 오른쪽으로 차례로 나타납니다. 이제 자신의 웹페이지도 같은 효과를 내고 싶나요? 이 효과를 얻기 위해 JavaScript 프로그램 응용 프로그램을 사용합니다. 이 동적 효과가 어떻게 생성되는지 주의 깊게 분석해 보겠습니다.
이 효과를 얻기 위한 아이디어는 먼저 표시할 텍스트를 변수에 할당하고, 함수를 설정하고, 가끔씩 상태 표시줄에 텍스트를 입력하는 것입니다. 텍스트의 길이가 늘어나면 텍스트가 점차적으로 나타납니다. 전체 문장의 길이인 시간과 같으므로 0으로 설정하고 텍스트를 다시 입력한 후 계속 반복하여 이 효과를 얻습니다.
다음으로 소스 프로그램을 살펴보자.
<스크립트 언어="자바스크립트">
var msg = "5D 멀티미디어에 오신 것을 환영합니다!!";
// msg 변수는 상태 표시줄에 나타날 텍스트(한 문장)를 설정하는 것입니다.
변수 간격 = 120
//텍스트 길이가 1씩 늘어나는 간격을 밀리초 단위로 설정합니다. 여기서는 120밀리초입니다.
var 순서=0;
//동적 텍스트 길이를 나타냅니다.
함수스크롤() {
len = msg.길이;
window.status = msg.substring(0, seq+1);
//텍스트에 문자 하나 추가
순서++;
//동적 텍스트 길이에 1을 더함
if ( seq >= len ) {
시퀀스 = 0;
window.status = '';
window.setTimeout("Scroll();", 간격 );
}
//동적 텍스트의 길이가 전체 문장과 같을 경우 동적 텍스트의 길이를 0으로 설정하고 다시 시작합니다.
또 다른
window.setTimeout("Scroll();", 간격 );
}
스크롤();
</script>
위 소스 코드를 Html 파일의 <body></body> 태그에 복사하면 다음과 같은 효과가 나타납니다.