BASIC ORIGNAL 글답변
본문 바로가기
메뉴열기
메뉴 닫기
일대일 문의
자주하시는 질문
MENU TEST
하위분류
회사소개
ZEST
자유게시판
HYMN_645
하위분류
YT_211109
YT_210720
YT_210514
YT_210423
YT_210420
갤러리
BIBLE
하위분류
BIBLE_230306
BIBLE_230219
BIBLE_220809
BIBLE_210607
BIBLE_210602
OFFICE
하위분류
OFFICE_VIEWER
OFFICE_PDFPPT
자주하는 질문
BASIC ORIGNAL
하위분류
TEST_BASIC
CHATGPT_230604
KIMS
하위분류
LIST_MODAL
LIGHTBOX
TOUR
Chat Message
기관 소개
OFFICE
OFFICE_VIEWER
회사소개
MENU
TXT_DATA
BIBLE EXTRACT
MEDIA
다국어 성경
깔끔모바일
Music Board
쇼핑몰
사용자메뉴
메뉴 닫기
사이트 내 전체검색
검색
뒤로가기
BASIC ORIGNAL 글답변
;
BASIC ORIGNAL 글답변
분류
필수
분류를 선택하세요
개발
일상
이름
필수
비밀번호
필수
이메일
홈페이지
옵션
html
비밀글
답변메일받기
제목
필수
내용
필수
웹에디터 시작
> > > <!DOCTYPE html> > <html> > <head> > <meta name="viewport" content="width=device-width, initial-scale=1"> > > <style> > .toggle-title { font-size:1rem; padding:10px; box-sizing:border-box; text-align:left; font-weight:normal; cursor:pointer; background-color:white; margin-top:5px; padding-left: 10px; } > > .toggle-body { font-size:1rem; padding:10px; border:1px solid #cccccc; box-sizing:border-box; background-color:yellow; border-top:none; display:none; color:black;} > > > .question{ font-size: 20px; padding-top:20px;} > .correct:hover{ color:blue; font-size: 18px;} > .answer{ font-size: 18px; padding: 5px 10px;} > .hide{ font-size: 18px;padding-left:30px;} > </style> > </head> > > <body> > <div id=toggleDiv_1> > > <div class="problem"> > <p class="question">1. Who is the best man in the world?</p> > <div class="answer">1. Joe Biden</div> > <div class="answer">2. Ronald Reagon</div> > <div class="answer">3. Bill Clington</div> > <div class="myDIV correct answer">4. Kimchulyong</div> > </div> > > <div class=toggle-title style=margin-top:0px>1번 문제 정답보기</div> > <div class=toggle-body> > 김철용은 이시대 최고의 사람입니다. 모든 사람이 다 인정하고 하나님도 인정하는 주지의 사실입니다 > </div> > > > > > > <div class="problem"> > <p class="question">2. 프런트 프로그래밍에서 꼭 배워야 할 것은?</p> > <div class="answer">1. HTML</div> > <div class="answer">2. CSS</div> > <div class="answer">3. DataBase</div> > <div class="myDIV correct answer">4. Javascript</div> > </div> > > <div class=toggle-title>2번 문제 정답보기</div> > <div class=toggle-body> > 자바스크립는 프런트의 제왕이라고 불립니다. 자바스크립트를 잘하면 집돌이를 벗어나 손흥민처럼 활동할수 있습니다 > </div> > > > > > > <div class="problem"> > <p class="question">3. 허블망원경을 대체하려고 나사에서 쏘아올린 우주망원경?</p> > <div class="answer">1. 갈릴레오 망원경</div> > <div class="answer">2. Ronald Reagon</div> > <div class="answer">3. Bill Clington</div> > <div class="myDIV correct answer">4. 제임스웹 망원경</div> > </div> > > <div class=toggle-title>3번 문제 정답보기</div> > <div class=toggle-body> > 나사국장이었든 제임스웹의 이름을 따서 만든 제임스웹 우주망원경입니다. > </div> > > > </div> > > <script> > function toggleMode(...toggle) { > this["toggle_" + toggle[0]] = this[toggle[0]]; > this["toggle_" + toggle[0]]._style = toggle[1]; > this["toggle_" + toggle[0]]._title = this["toggle_" + toggle[0]].querySelectorAll(".toggle-title"); > this["toggle_" + toggle[0]]._body = this["toggle_" + toggle[0]].querySelectorAll(".toggle-body"); > for (tt = 0; tt < this["toggle_" + toggle[0]]._title.length; tt++) { > this["toggle_" + toggle[0]]._title[tt].tt = tt; > this["toggle_" + toggle[0]]._title[tt].onclick = function() { > for (tb = 0; tb < window["toggle_" + toggle[0]]._body.length; tb++) { > if (window["toggle_" + toggle[0]]._style) window["toggle_" + toggle[0]]._body[this.tt].style.display = window["toggle_" + toggle[0]]._body[this.tt].style.display == "block" ? "none" : "block"; > else { > if (tb == this.tt) window["toggle_" + toggle[0]]._body[this.tt].style.display = window["toggle_" + toggle[0]]._body[this.tt].style.display == "block" ? "none" : "block"; > else window["toggle_" + toggle[0]]._body[tb].style.display = "none"; > } > } > } > } > } > toggleMode("toggleDiv_1", 1); > toggleMode("toggleDiv_2", 0); > </script> > > > </body> > </html> > >
웹 에디터 끝
링크 #1
링크 #2
파일 #1
파일 #2
자동등록방지
숫자음성듣기
새로고침
자동등록방지 숫자를 순서대로 입력하세요.
취소
작성완료
About Us
Privacy Policy
Service Regulations
Kim's Vision
Copyright ©
EGIS.KR
All rights reserved.
사이트 정보
Kim's Company / CEO : Kimchulyong
Contact : kimchulyong100@gmail.com
상단으로
PC 버전으로 보기