◐ 상태 표시줄의 글이 차례대로 나타나게끔 하기 ◑
아래 그림은 제가 바탕화면에서 한꺼번에 여러 개의 사이트를 동시에 열게끔 짰던 웹 문서의 일부분이고 또 실행해 본 결과입니다.
오늘 그거 웹 문서에 나오는 어느 여인을 생각하면서 이걸 생각해 냈지요.
인터넷 뒤져보니까 상태 표시줄에서 깜빡이는 태그를 찾아냈는데 저는 달랑 한 개의 문장(단어, 글자)이 무한대로 깜빡이는 것보다는 그것이 바뀔 때마다 지연 시간이 있는 걸 갖고 싶었답니다.
이걸 만들면서 맨 처음엔 저도 일분을 3으로 나눈 나머지에 맞춰서 네 개의 문장을 돌렸었거든요.
역동적이라서 좋긴 했지만, 그 속도가 너무나도 빠르기에 거기 등장하는 글을 확인하기도 전에 넘어가 버리는 겁니다.
그래서 여러 번의 시행착오(?) 끝에 '20'으로 나누게끔 짰답니다.
'60'을 '20'으로 나눈다면 그 나머지가 '0'에서부터 '19'까지 나오겠지요?
그렇게 해서 if 문을 써서 네 부분(3, 6, 11, 12)으로 쪼갰답니다.
그림에서 봐도 그렇게 보이지요?
그 마지막 부분인 12는 나머지 값이 12보다 큰 것이니까 13에서 19까지의 값이 되어 지연 시간이 가장 길답니다.
이렇게 말로 하는 것보다는 아예 이곳에다가 저기 그림에 나온 것처럼 아주 간단하게 짜 놓고 나갈게요.
그대로 복사해 넣고서 위아래로 웹 문서 여닫는 것만 추가하리다.
누구든지 쭉 긁어서 복사하고서 메모장 등지에 붙여 넣고서 웹 문서(확장자_ HTM 또는 HTML)로 저장하고서 확인해 보세요.
익스플로러입니다.
다른 브라우저에서는 어떻게 나올지 모르니까 그건 장담하지 못하겠네요.
하여튼, 참조하세요!
그리고 문장이 됐든지 거기 들어간 숫자가 됐든지 여러분 맘에 들게 바꿔가면서 확인해 보십시오.
그 묘미가 확실히 다를 겁니다.
<HTML><HEAD>
<Meta http-ｅquiv="Content-Type" content="text/html; charset=euc-kr">
<Meta http-ｅquiv="Content-Type" content="text/html; charset=utf-8" />
<TITLE>상태 표시줄의 차례대로 나오는 문장</TITLE>
<STYLE>
BODY{margin:0;overflow:hidden;text-align:center;background:yellow;}
P{margin:7pt 0 0 0;}
</STYLE>
<SCRIPT>
var love1='오~ 나의 사랑 하느님이시여!';
var love2='어여쁜 당신 모습 상상만 해도';
var love3='제 가슴이 얼마나 기쁜지 눈물이 날까 봐요!';
var love4='하느님~ 당신을 존경합니다.'
function love(){
var now=new Date();
var sec=now.getSeconds();
var v=sec%20;
if(v<3)window.status=love1;
else if(v<6)window.status=love2;
else if(v<11)window.status=love3;
else if(v>12)window.status=love4;
setTimeout('love()',1000);}
onload=love;
</SCRIPT>
</HEAD>
<BODY>
<DIV align=center>
<P>이 문서는 상태 표시줄에 아래 써진 글과 같은 네 개의 문장이 차례대로 돌아가면서 나타날 것입니다.</P>
<P> </P>
<P>오~ 나의 사랑 하느님이시여!</P>
<P>어여쁜 당신 모습 상상만 해도</P>
<P>제 가슴이 얼마나 기쁜지 눈물이 날까 봐요!</P>
<P>하느님~ 당신을 존경합니다.</P>
<P> </P>
</DIV></BODY></HTML>
<P>와 </P>사이에는 빈칸을 나타내는 '&n b s p ;'라는 태그가 서로 붙어서 들어가거든요. 참고하세요!
'내 마음 오로지' 카테고리의 다른 글
| 멀리서 안부를 묻는다. (0) | 2013.01.22 |
|---|---|
| 하지 않아도 될 일을 구분하는 것 (0) | 2013.01.21 |
| 흐흐^^ 이런 맛에 게임을 하지요! (0) | 2013.01.20 |
| 어허^ 백악관에서 또다시 메일을 보냈네? (0) | 2013.01.19 |
| 좀처럼 들리지도 않는 사이트가 블로그… (0) | 2013.01.19 |
