jQuery 연습 3단 메뉴 slideToggle로 펼치기/접기 메뉴 슬라이드라고는 마우스 올리면 튀어나오고 치우면 숨겨주는 것밖에 모르고 있었던 나... 이번엔 메뉴를 클릭하면 나오게 구현하고 싶은데 2단 메뉴는 그렇다 치고 3단을 만들려니 이유도 모르게 자꾸 꼬여서 하루종일 머리를 굴렸다. slideToggle도 처음에 써봤을 때 자꾸 서브 메뉴를 누르면 엉뚱한 메뉴까지 말려들어가버려서 if문으로 한참 뻘짓하다가 드디어 방법을 찾았다. WEB Design Hue Saturation Value Share INTERIOR MARKETING POSTER 3단 메뉴 HTML 구조 nav { width: 150px; } ul { padding: 0; } li { list-style: none; line-hei..
jquery 연습용 문제 for문을 활용해 input 태그 두 개에서 입력한 범위 내로 구구단 만들기 확인 일단 HTML에서 숫자를 입력할 input box 두 개와 버튼을 하나 만들어준다. 버튼을 클릭하면 출력이 되게 할 것이다. 그리고 밑에 결과값이 출력될 텍스트 영역을 생성해둔다. 스타일은 맘대로. // JQEURY $("#btn_table").click(function () { var num = $("#input_table").val(); //첫 번째 값 var num2 = $("#input_table2").val(); //두 번째 값 var dan = []; //임시 배열 //num2의 값이 num보다 작으면 실행 if(num < num2) { //num단부터 num2단까지 for(; num
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- Total
- Today
- Yesterday
- JavaScript
- 구구단
- input
- switch
- 자격증
- jQeury
- 사이트추천
- html
- 웹디자인기능사
- if문
- float
- jquery
- hammy
- slideToggle
- Class
- object
- 3단메뉴
- Gradient
- a
- border
- css
- 첫글
- 웹디자인기능사실기
- 객체정렬
- box-shadow