텍스트 + 이미지 슬라이드 쇼
<HTML>
<HEAD>
<TITLE>샘플 페이지 </TITLE>
<!-- 1. 메모장 등으로 아래의 내용을 HTML 문서의 HEAD 부분에 붙여 넣으세요 -->
<SCRIPT LANGUAGE='JavaScript1.2'>
Phrase = new Array(
/*********** 슬라이드 시킬 문자열들을 입력 하세요 ***************************/
/*********** 태그 사용도 가능합니다. 다만 따옴표 사용에 유의 하세요***********/
"1. 안녕하세요? 이제는 완연한 가을 날씨 같습니다 ",
"2. 이제 그동안 하지 못했던 공부도 좀 열심히 해야겠네요",
"3. 책도 좀 봐야 겠어요<br>근대, 무슨 책이 재밋나요?",
"4. 영화도 보고싶구.......",
"5. 만화책도 보고싶구...........",
"6. 친구도 만나야 돼구..........",
"7. 우와~ 난 왜 이렇게 바뿌쥐??",
"8. 이그~ 이러다 올 가을 다 가겠네....<br>암암, 학생은 공부 하는게 기본이져<br>열씨미 공부 할께요~~~~<br><img src="http://www.dbdic.com/02img/ttl_main.gif>"
);
var Speed=800;
var Max_N=0, N=0, N0=0;
Ndiv=new Array("d0","d1","d2","d3","d4","d5","d6","d7");
//-----------------------------------------------
function S(n){
parent.document.all["div1"].innerHTML=Phrase[n];
parent.document.all[Ndiv[N0]].style.color="#000000";
parent.document.all[Ndiv[n]].style.color="#ff0000";
N0=n; N=n;
}
//-----------------------------------------------
function Load()
{
if (navigator.appName=="Netscape")
{alert("This is only IE-version!"); return;}
Max_N=Phrase.length;
S(0);
}
//-----------------------------------------------
function Start(){
N++;
if (N >= Max_N) N = 0;
S(N);
timerID = setTimeout("Start()",Speed);
}
//-----------------------------------------------
function Stop(){
clearTimeout(timerID);
}
</SCRIPT>
<style type="text/css">
/*********** 버튼 스타일 ***************************************/
input{
FONT-FAMILY: Courier;
FONT-SIZE: 16px;
}
/*********** 테이블 스타일 *************************************/
table{
background-color:999999;
}
/*********** 메세지 상자의 스타일 ******************************/
#div1{
border-width:8px;
border-color:green;
border-style:ridge;
background-color:white;
width:60%;
color:black;
padding:2px 4px 2px 14px;
text-align:left;
}
/*********** /메세지 상자의 스타일 정의 ************************/
</style>
</HEAD>
<!-- 2. 메모장 등으로 아래의 내용을 HTML 문서의 <BODY> 태그 안에 붙여 넣으세요 -->
<BODY bgcolor="#ffffcc" onload="Load()">
<!-- 3. 메모장 등으로 아래의 방법으로 HTML 문서의 BODY 부분에 붙여 넣으세요 -->
<center>
<table border=2 cellpadding=0 cellspacing=1 height=200>
<tr>
<td width=40>
<form name="F1">
<input type=button value=" Home " onclick="document.location ='http://www.gachimoa.com'">
<br>
<input type=button value=" 1 " onclick="S(0)" id=d0>
<input type=button value=" 2 " onclick="S(1)" id=d1>
<input type=button value=" 3 " onclick="S(2)" id=d2>
<input type=button value=" 4 " onclick="S(3)" id=d3>
<input type=button value=" 5 " onclick="S(4)" id=d4>
<input type=button value=" 6 " onclick="S(5)" id=d5>
<input type=button value=" 7 " onclick="S(6)" id=d6>
<input type=button value=" 8 " onclick="S(7)" id=d7>
<br>
<input type=button value=" 시 작 " onclick="Start()">
<input type=button value=" 중 지 " onclick="Stop()">
</td></form>
<th width=400>
<!---------- 텍스트가 디스플레이 되는 곳 입니다 -------------------->
<div id="div1">텍스트</div>
</th></tr>
</table>
</BODY>
</HTML>
댓글 0
- 전체
- 자유게시판
- 컴퓨터/IT
- 연애/결혼
- 생활지혜/상식
- 홍보팁
- 재테크/카드
- 카페/블로그
- 여행
- 부부생활
- 심리
- 음악/미술
- 법률
- 건강
- 역사
- 인테리어/DIY
- 밀리터리
- 해외직구
- 예능/영화
- 미스테리
- 임신/육아
- 다이어트
- 음식/주방/요리
- 운전/자동차
- 낚시
- 휴대폰
- 운동
- 게임/만화
- 취업/알바/부업
- 사진
- 이사/이민
- 패션/뷰티
- 경제/주식
- 부동산
- 그 외..
| 번호 | 제목 | 글쓴이 |
|---|---|---|
| 3421 | 심장 건강에 좋은 습관 8가지 [1] | 뉴퐁 |
| 3420 | 잠잘 때 왼쪽으로 자면 생기는 신체 변화 7가지 [2] | 뉴퐁 |
| 3419 | 스트레스를 줄이는 놀라운 방법 6가지 [2] | 싹쓰리 |
| 3418 | 여성이 팬티에 대해 알아야 할 7가지 [3] | 싹쓰리 |
| 3417 | 끓였던 물을 또 끓이면 안 되는 이유 [1] | 싹쓰리 |
| 3416 | "치주염 환자, 코로나 감염 땐 사이토카인 폭풍 가능성 높아" [1] | 쌍둥이맘 |
| 3415 | 스마트스토어 상위 노출 꿀팁. 경쟁률 낮은 세부키워드 뽑는 방법 [2] | 나혼자번다 |
| 3414 |
열감지 안면인식 출입관리솔루션 400만원짜리를 40만원에(정부지원사업)
[1] | 나혼자번다 |
| 3413 | 전자렌지요리 만능 레시피 대공개!! [3] | 나혼자번다 |
| 3412 | 식초로 집안을 반짝반짝하게!! 식초 청소법 [4] | 쌍둥이맘 |
| 3411 | 마시고 남은 김빠진 맥주 활용법 [2] | 쌍둥이맘 |
| 3410 | 계란을 먹은 후 절대 바로 먹으면 안되는 것들 | 쌍둥이맘 |
| 3409 | 아주 유용한 커피상식 | 쌍둥이맘 |
| 3408 | 간 건강과 지방간 완화에 아주 효과적인 채소는? [2] | 싹쓰리 |
| 3407 | 골다공증 예방과 뼈에 아주 좋은 음식 8가지 | 싹쓰리 |
| 3406 | 체했을 때, 감기 걸렸을 때, 관절염 통증에는 이것이 최고!! | 싹쓰리 |
| 3405 | 장을 편안하게 하면서 소화를 돕는 식품 5가지 [1] | 싹쓰리 |
| 3404 | 초보운전자가 반드시 알아야 하는 고속도로 운전매너 5 [1] | 싹쓰리 |
| 3403 | 머리카락이나 두피를 상하게 하는 사소한 습관 5 | 라이믹스 |
| 3402 | 어둡고 칙칙한 피부를 환하게 해주는 필수적인 습관 5 | 라이믹스 |