본문 바로가기

CSS14

2021년 10월 8일 - 응용 & 부트스트랩 - modal & MySQL ◎ 교수님 답안 $(function(){ //총이미지 클릭시 0~11의 난수를 발생시킨다 $(".gun").click(function(){ var n=parseInt(Math.random()*12); //해당인덱스 인형이 이미 숨겨져있다면 "2번째 인형은 이미 처리되었습니다" //$(".sunban img").eq(1).is(":hidden")==?true,false //만약 있다면 "2번째 인형을 맞췄네요" 메세지 출력후 hide if($(".sunban img").eq(n).is(":hidden")){ $("#msg").html((n+1)+"번째 인형은 이미 처리되었습니다"); }else{ $("#msg").html((n+1)+"번째 인형을 맟췄네요"); $(".sunban img").eq(n).hi.. 2021. 10. 8.
2021년 10월 7일 - trigger & zindex & 전체 이미지에서 일부만 불러오기 & 테이블 형식 클래스 추가 제거 & 미니언즈 게임 제작 ☆ trigger Start Start Start ☆ z-index ◎ z-index는 큰 숫자가 위로 올라온다 ◎ z-index는 굳이 연속되지 않아도 된다 Pink를 제일 위로 올리기 Gray를 제일 위로 올리기 Cyan를 제일 위로 올리기 ☆ zindex + trigger + animate ☆ 전체 이미지에서 일부만 불러오기 with Animation 전체 이미지중 일부만 나타내기 CD1 CD2 CD3 ☆ 자동차 이미지 변환 ★ ◎ fadeTo https://findfun.tistory.com/348 fadeTo(), 투명도를 조절하기 fadeTo 원문 링크 http://api.jquery.com/fadeTo/ .fadeTo( duration, opacity [, callback] )Returns .. 2021. 10. 7.
2021년 10월 6일 - figure & 배열 each & Animate, delay & onEvent ☆ 서브 메뉴 복습 ★★★ 내용 1 내용 1에대한 댓글1 내용 1에대한 댓글2 내용 1에대한 댓글3 내용 2 내용 2에대한 댓글1 내용 2에대한 댓글2 내용 2에대한 댓글3 내용 3 내용 3에대한 댓글1 내용 3에대한 댓글2 내용 3에대한 댓글3 ☆ figure 이미지 아래에 제목달고 싶을때 #1 이미지1 이미지2 이미지 아래에 제목달고 싶을때 #2 이미지3 이미지4를 이미지 어디든 삽입가능한 태그 ☆ 배열 each 배열반복시 사용하는 $.each문 ☆ 배열 each ☆ Animate, delay 애니메이션#1 애니메이션#2 ☆ onEvent Java Oracle Jquery ☆ onEvent ★★★★★ B ☆ 영화예매 ★★★★ Q. ★★★★★★★★★★ Select Page 2021. 10. 6.
2021년 10월 5일 - hover, transform - rotate, scale, translate & parent(), siblings(), children(), next(), prev(): & fade in, fade out & animate ☆ 폼 태그 복습 폼태그 연습 #1 개인정보 이름 연락처 010 011 017 019 - - 성별 여자 남자 자격증 운전면허 컴활 1급 정보처리기사 글자색 파랑 핫핑크 오렌지 빨강 검정 선택정보 출력 ☆ 폼 태그 복습2 ★★★★★ 이미지 선택 이미지1 이미지2 이미지3 고준희 박보영 테두리선 선택 점선 실선 파선 입체선 박스그림자 그림자 넣기 ☆ hover, transform - rotate, scale, translate ☆ parent(), siblings(), children(), next(), prev(): 첫번째 div 하나 둘 셋 h3 Tag h4 Tag 두번째 div 하나 둘 셋 h3 Tag h4 Tag ☆ fade 투명도 30% 투명도 100% 제목 ☆ fade in, fade out ☆ .. 2021. 10. 5.
2021년 10월 2일 - 이미지 움직이기 복습 ★ 이미지 움직이기 ☆ setTimeOut & setInterval & clearInterval ◎ 함수에 따옴표 붙일것!!! - 안그러면 밀리 세컨드를 인식하지 못함 /* 프로그램 실행시 바로 발동되는 함수 */ window.onload=function (){ /* 2초뒤에 색변환 로직 */ /* 함수에 따옴표 붙일것!!! - 안그러면 밀리 세컨드를 인식하지 못함*/ setTimeout("colorChange()",2000); /* 0.5초마다 자동이동 */ setInterval(autoMove(),500); } 2021. 10. 2.
2021년 10월 1일 - Form Tag & hover & each 함수 & form - select, checkbox, radio & append & after ☆ RGB 창 만들기 ★ 01234 ☆ 간단 입력폼 ★ 이름 Java Oracle HTML 결과출력 ☆ hover ◎ JavaScript /** * */ function randomColor(){ //rgb색상 얻기 var r = parseInt(Math.random()*256); var g = parseInt(Math.random()*256); var b = parseInt(Math.random()*256); var color= "rgb(" +r+ "," +g+ "," +b+ ")"; return color; } ◎ JavaScript ☆ first-child & contains & odd 오늘 쇼핑 리스트 운동화 레깅스 양말 져지 오늘 메뉴 선택 초밥 스테이크 떡볶이 김치찌개 ☆ clone & fin.. 2021. 10. 1.
2021년 9월 29일 - 점점 차오르는 progress bar & 달력 만들기 & Canvas & Canvas로 그림판 만들기 & Jquery 기초 보호되어 있는 글 입니다. 2021. 9. 29.
2021년 9월 28일 - marquee setTimeout & setInterval & 아스키코드 확인 보호되어 있는 글 입니다. 2021. 9. 28.
2021년 9월 27일 - 클릭시 이미지 변경 & getElementById & 이미지 점점 커지게 + 작아지게 + 이미지 배열출력 & 폰트점점 커지게 + 작아지게 + 굵기 조절 보호되어 있는 글 입니다. 2021. 9. 27.