분류 전체보기 (65) 썸네일형 리스트형 08. CSS_bootstrap_table DOCTYPE html> ::: 08_bootstrap_table ::: 부트스트랩(BootStrap) 테이블 적용하기 # First Last Handle 1 Mark Otto @mdo 2 Jacob Thornton @fat 3 Larry the Bird @twitter 07. CSS_bootstrap_textstyle(2) DOCTYPE html> ::: 07_bootstrap_textstyle(2) ::: 부트스트랩(BootStrap) 텍스트 스타일 적용하기(2) h1 제목 스타일 적용하기 1. 제목 스타일 적용하기 2. 제목 스타일 적용하기 3. 제목 스타일 적용하기 4. 제목 스타일 적용하기 5. 제목 스타일 적용하기 6. 제목 스타일 적용하기 서두 내용 스타일 적용.. 서두 내용 스타일 적용.. 서두 내용 스타일 적용.. 서두 내용 스타일 적용.. 서두 내용 스타일 적용.. 서두 내용 스타일 적용.. 서두 내용 스타일 적용.. 서두 내용 스타일 적용.. 서두 내용 스타일 적용.. 서두 내용 스타일 적용.. 서두 내용 스타일 적용.. 서두 내용 스타일 적용.. 06. CSS_bootstrap_textstyle DOCTYPE html> ::: 06_bootstrap_textstyle ::: 부트스트랩(BootStrap) 텍스트 스타일 적용하기 h1. 텍스트 사이즈 적용 h2. 텍스트 사이즈 적용 h3. 텍스트 사이즈 적용 h4. 텍스트 사이즈 적용 h5. 텍스트 사이즈 적용 h6. 텍스트 사이즈 적용 h1. 텍스트 사이즈 h2. 텍스트 사이즈 h3. 텍스트 사이즈 h4. 텍스트 사이즈 h5. 텍스트 사이즈 h6. 텍스트 사이즈 small 사이즈 적용하기 부트스트랩의 muted 속성 사용하기(보조 제목으로 사용됨) 05. CSS_bootstrap DOCTYPE html> ::: 05_bootstrap ::: 부트스트랩(BootStrap) [부트스트랩] - html, css, javascript를 이용해서 코드를 이미 만들어 놓았음 - 우리는 코드를 복사해서 사용만 하면 됨. - 수정하는 부분은 링크주소, 보여질 텍스트 내용.. 16. Javascript_jquery_slide toggle_CDN 방식 DOCTYPE html> ::: 03_jquery_SlideToggle_CDN ::: // jquery 사용을 위한 준ㄴ비하기 $(document).ready(function(){ // div1이 클릭되면 div2를 숨겼다가/보였다가.. 기능 만들기 // slideToggle 함수 사용 $("#div1").click(function(){ $("#div2").slideToggle("slow"); }); }); #div1, #div2 { padding: 5px; text-align: center; background-color: yellow; border: solid 1px blue; } #div2 { padding: 50px; /* 최초의 div2는 숨겨 놓기 */ display: none; } slide.. 15. Javascript_jquery_slidetoggle DOCTYPE html> ::: 03_jquery_SlideToggle ::: // jquery 사용을 위한 준ㄴ비하기 $(document).ready(function(){ // div1이 클릭되면 div2를 숨겼다가/보였다가.. 기능 만들기 // slideToggle 함수 사용 $("#div1").click(function(){ $("#div2").slideToggle("slow"); }); }); #div1, #div2 { padding: 5px; text-align: center; background-color: yellow; border: solid 1px blue; } #div2 { padding: 50px; /* 최초의 div2는 숨겨 놓기 */ display: none; } slide tog.. 14. Javascript_jquery_toggle DOCTYPE html> ::: 02_jquery_toggle ::: // toggle 적용하기 $(document).ready(function(){ $("button").click(function(){ $("p").toggle(); }); }); toggle :: 숨겼다/보이기 기능 toggle 기능 : 특정 태그를 숨겼다가 보였다가를 반복할 수 있는 기능 toggle 13. Javascript_jquery DOCTYPE html> ::: 01_jquery 시작 ::: // jquery의 시작은 $로 시작합니다. // () : 문서전체(document), 태그이름, 아이디, 클래스 $(document).ready(function(){ // p태그 숨기기 $("#hide").click(function(){ $("p").hide(); }); // p태그 보이기 $("#show").click(function(){ $("p").show(); }); }); jQuery 시작하기 jQuery 라이브러리 위치 : http://www.jquery.com hide show 이전 1 2 3 4 5 6 ··· 9 다음
