타이틀 바에 텍스트 타이핑 효과
2004.09.18 12:18 Edit
http://www.rainstory.net/tip_files/example/type_titlebar.html브라우져의 상태바에 타이핑 치는 듯한 효과를 주는 스크립트입니다.
<head>와 </head> 사이에 다음을 넣습니다.
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var message = new Array();
message[0] = "이 스크립트는 타이틀 바에 타이핑 효과를 줍니다...";
message[1] = "여기에 원하는 내용을 적어주시구요...";
message[2] = "간단하니까..";
message[3] = "사이트에 응용을 해보시기 바랍니다...";
message[4] = "항상 행복하세요 *^^*..."; // 타이틀 바에 나타날 메시지
var reps = 1;// 반복 횟수
var speed = 275;// 타이핑 속도입니다. 큰 숫자일수록 느려집니다
var hold = 4 // 메세지가 끝난 후 다음 메세지가 나올 시간입니다. 역시 큰 숫자일수록 느려집니다.
// DO NOT EDIT BELOW THIS LINE.
var p = message.length;
var q = 0;
var r = 0;
var C = 0;
var mC = 0;
var s = 0;
var sT = null;
if (reps < 1) {
reps = 1;
}
function setMessage() {
typing = message[mC];
q = typing.length;
r = q + hold;
typeMessage();
}
function typeMessage() {
if (s > r) {
s = 0;
}
if (s > q) {
document.title = '|- '+ typing +' - - -';
}
else {
document.title = '|- '+ typing.substr(0,s)+' - - -';
}
if (C < (r * reps)) {
sT = setTimeout("typeMessage()", speed);
C++;
s++;
}
else {
C = 0;
s = 0;
mC++;
if(mC > p - 1) {mC = 0;}
sT = null;
setMessage();
}
}
setMessage();
// End -->
</script>
<head>와 </head> 사이에 다음을 넣습니다.
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var message = new Array();
message[0] = "이 스크립트는 타이틀 바에 타이핑 효과를 줍니다...";
message[1] = "여기에 원하는 내용을 적어주시구요...";
message[2] = "간단하니까..";
message[3] = "사이트에 응용을 해보시기 바랍니다...";
message[4] = "항상 행복하세요 *^^*..."; // 타이틀 바에 나타날 메시지
var reps = 1;// 반복 횟수
var speed = 275;// 타이핑 속도입니다. 큰 숫자일수록 느려집니다
var hold = 4 // 메세지가 끝난 후 다음 메세지가 나올 시간입니다. 역시 큰 숫자일수록 느려집니다.
// DO NOT EDIT BELOW THIS LINE.
var p = message.length;
var q = 0;
var r = 0;
var C = 0;
var mC = 0;
var s = 0;
var sT = null;
if (reps < 1) {
reps = 1;
}
function setMessage() {
typing = message[mC];
q = typing.length;
r = q + hold;
typeMessage();
}
function typeMessage() {
if (s > r) {
s = 0;
}
if (s > q) {
document.title = '|- '+ typing +' - - -';
}
else {
document.title = '|- '+ typing.substr(0,s)+' - - -';
}
if (C < (r * reps)) {
sT = setTimeout("typeMessage()", speed);
C++;
s++;
}
else {
C = 0;
s = 0;
mC++;
if(mC > p - 1) {mC = 0;}
sT = null;
setMessage();
}
}
setMessage();
// End -->
</script>
0
Powered by Textyle
Design & UI Develop By The RaiN Story