본문 바로가기

프로그래밍/Jquery6

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월 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월 30일 - JQery - add, attr & eq, append & 클릭 이벤트 & addClass, removeClass, toggleClass & mouseOver, mouseOut & RGB 창 구현 ☆ JQuery - add, attr JQuery에서 제일 많이 사용하는 함수 css, attr B Tag Class Happy Span Tag Class Nice H2 Tag Class Happy 내가 좋아하는 이미지들 ☆ JQuery - add, attr Happy Hello Java Oracle b클래스 아래의 H3 태그입니다 오늘은 목요일입니다 오늘은 제이쿼리 공부시작하는 날 c클래스 아래의 h3 태그입니다 ☆ eq, append html(): 자바스크립트의 innerHTML에 해당 text(): 자바스크립트의 inerText에 해당 append(): 추가 1 2 3 ☆ 클릭으로 복사 후 붙여넣기 h3의 내용을 이곳에 복사하세요 ☆ mouseOver, mouseOut 마우스를 올리면 이미지가 변경.. 2021. 9. 30.