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> > .hide { > display: none; > } > > .myDIV:hover + .hide { > display: block; > color: red; > } > > .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;} > /* .problem{ border: solid #E0D4D4 thin;}*/ > > .kims { > display: none; > } > > </style> > </head> > <body> > > <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 class="hide">I am shown when someone hovers over the div above.</div>--> > > <button id="toggleBtn1">The Answer is</button> > <div class="kims" id="content1"> > <p>김철용은 이시대 최고의 사라입니다. 모든 사람이 다 인정하고 하나님도 인정하는 주지의 사실입니다 > </p> > </div> > > </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 class="hide">At a front devellopes, Javascript is necessary!!</div>--> > > <button id="toggleBtn2">The Answer is</button> > <div class="kims" id="content2"> > <p>자바스크립는 프런트의 제왕이라고 불립니다. 자바스크립트를 잘하면 집돌이를 벗어나 손흥민처럼 활동할수 있습니다 > </p> > </div> > > </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 class="hide">나사국장이었든 제임스웹의 이름을 따서 만든 제임스웹 우주망원경입니다.</div>--> > > <button id="toggleBtn3">The Answer is</button> > <div class="kims" id="content3"> > <p>나사국장이었든 제임스웹의 이름을 따서 만든 제임스웹 우주망원경입니다.</p> > </div> > > </div> > > <div class="problem"> > <p class="question">4. 프런트 프로그래밍에서 꼭 배워야 할 것은?</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 class="hide">At a front devellopes, Javascript is necessary!!</div>--> > </div> > > <script> > var toggleBtn1 = document.getElementById("toggleBtn1"); > var toggleBtn2 = document.getElementById("toggleBtn2"); > var toggleBtn3 = document.getElementById("toggleBtn3"); > > toggleBtn1.addEventListener("click", function () { > var content = document.getElementById("content1"); > toggleContent(content); > }); > > toggleBtn2.addEventListener("click", function () { > var content = document.getElementById("content2"); > toggleContent(content); > }); > > toggleBtn3.addEventListener("click", function () { > var content = document.getElementById("content3"); > toggleContent(content); > }); > > function toggleContent(content) { > if (content.style.display === "none") { > content.style.display = "block"; > } else { > content.style.display = "none"; > } > } > </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 버전으로 보기