|
소스 내용이 너무 많기 때문에 그대로 보여드리지 못합니다.
예제를 실행시킨 후 화면이 뜨면 마우스를 대고 오른쪽 버튼을
누른 후 HTML소스보기를 클릭하세요. 그러면 소스가 메모장으로 뜹니다.
그것을
가져다가 쓰세요~
① 바탕화면 색상변화
소스를 보시면 위쪽에 colors[1] = "000000" ; ~ colors[16]
= "ffffff" ; 부분이 있습니다.
따옴표 안에 있는 색상명을 바꾸시면
바탕화면의 색상변화를 원하는 대로 바꿀 수 있습니다.
★예제소스 및
실행★ - 소스 및 결과를 보시려면 클릭하세요.
② 마우스를 따라다니는 모양
소스를 보면 아랫부분에 head가 끝나고 body가 시작하면서 다음과 같은 부분이 나옵니다.
<body
bgcolor=000000 onload=startthedots()
text=ffffff>
<DIV align=center id=a0><FONT color=336699 size=1>☆</FONT></DIV>
따라서 배경색상을 바꿀 수 있고 움직이는 것의
모양, 색상, 크기 등도 바꿀 수 있습니다.
★예제소스 및
실행★ - 소스 및 결과를 보시려면 클릭하세요.
③ 링크의 밑줄 없애기
이것은 간단합니다. 아래의 style 태그를 head 태그 사이에 넣기만 하면 됩니다.
이것은 스타일시트 이지만 링크의
여러가지 색상, 형태변화가 아니라 밑줄만을 없애고 싶을 때 쓰는 것입니다.
<style
type="text/css">
<!-- a {text-decoration:
none} -->
</style>
★예제소스 및
실행★ - 소스 및 결과를 보시려면 클릭하세요.
④ 텍스트 시계
이것은 소스가 아주 간단합니다.
처음 부분과 마지막 부분에 글자폰트 명령어가 있습니다. 글자 색상, 모양, 크기 등을
조정할 수 있으며 필요에 따라서는 위아래 수평선 등을 넣어 줄 수도 있습니다.
★예제소스 및
실행★ - 소스 및 결과를 보시려면 클릭하세요.
⑤ 접속시 작은창 열기
이것 역시 소스가 아주 단순합니다.
<!--
window.open('test.html','sponsor','width=200, height=200');
//
-->
붉은색 부분을 고쳐주시면 되는데요.
주소는 작은 창 안에 들어갈 내용이 저장되어 있는 주소를 써주시면 되고,
width와 height는 창의 넓이를 지정해 주는 것입니다.
창 안에 들어갈 내용에 따라 크기를 변경해 주세요~
★예제소스 및
실행★ - 소스 및 결과를 보시려면 클릭하세요.
⑥ 시작과 끝 인사
이것은 방문객이 재미있어 할 수도 있고 귀찮아 할 수도 있습니다.
홈페이지의 성격에 맞게 붉은색 문구를 고쳐서
사용하세요.
<body onload="alert('물결이의 홈을 방문해 주셔서
감사합니다!!');" onunload="alert('좋은 하루
되세요~');">
★예제소스 및
실행★ - 소스 및 결과를 보시려면 클릭하세요.
⑦ 텍스트 인사말
소스를 보면 윗부분에 "물결이의 홈을 방문해 주셔서 감사합니다. 즐겁게
노시다 가세요."라고 나타납니다.
이 따옴표 안의 글자가 텍스트에서 움직이는 글자이므로 알맞게 내용을 바꿔서
쓰세요.
그리고 맨 아랫부분에 size="40" 이라고 되어 있습니다.
이것은
텍스트의 길이 이므로 화면의 크기에 따라서 조정하세요.
★예제소스 및
실행★ - 소스 및 결과를 보시려면 클릭하세요.
⑧ 상황선에 텍스트 넣기
이것은 상황선이 나타나야 하기 때문에 새 창을 열지 않고 이동만 하겠습니다.
소스를 확인하시고 다시
돌아오세요~
<body onload="window.defaultStatus='물결이의
홈을 방문해 주셔서 감사합니다. 좋은 시간 되세요~'">
<a href="http://my.dreamwiz.com/m9099/"
onMouseOver="window.status='물결이의 홈은 여러분들의
방문을 기다립니다.'; return true">물결이와 놀아요</a>
위의 것은 화면 혹은 홈페이지 전체의 소개글입니다.
화면의
중앙에(글자가 써있지 않은 곳) 마우스를 두면 나타나는 것으로 설명을 수정해서 쓰세요.
그리고 다음 것은 그 링크에 마우스를 댈
경우 나타나는 설명입니다.
링크를 통해 이동할 파일명(주소)와 설명, 주소이름을 수정해서 쓰셔야 합니다.
★예제소스 및 실행★ - 소스 및 결과를 보시려면 클릭하세요.
⑨ 새 창 열기
이것은 여기서 예제를 보여줄 때와 같이 클릭하면 새 창이 열리는 경우를 말합니다.
예제를 실행할 때 열린 창에서 다시
클릭을 할 경우 또 하나의 창이 열리질 않는데 그 이유는 연달아 두개의 창을 열 수 없기 때문입니다.
따라서 소스만 확인하시고
'이제까지 예제실행을 할 때마다 썼던 것이구나' 라고 이해하시기 바랍니다.
var openfile = "ex" + arg + ".html"; - 이것은 새로 열릴 창의 파일명을 나타내는 것인데 ex + 숫자.html이 주소일 때 이렇게 지정해 두고 아래의 herf 태그에 그 숫자만 넣어주면
편리합니다.
물론 ex 대신 다른 이름으로 바꿔서 사용하셔도
됩니다.
width=400,height=400
- 새로이 열릴 창의 크기를 지정해 주는 것입니다.
<a href="javascript:call_win('2')"> - 붉은색의 숫자만 바꿔주면 됩니다.
★예제소스 및
실행★ - 소스 및 결과를 보시려면 클릭하세요.
⑩ 바뀌면서 마우스 따라 다니는 글자
var textfont="이솝체", var textsize=12, var textcolor="009ACD" - 붉은색
부분을 고치면 나타나는 글자의 디자인이 바뀝니다.
msg[0]="여러분을
환영합니다!!" ~ msg[3]="좋은하루 되세요~" - 붉은색 부분의 문구를
원하는 대로 바꿔서 쓰세요. 단 너무 긴 것은 좋지 않습니다.
★예제소스 및
실행★ - 소스 및 결과를 보시려면 클릭하세요.
|