보기
1 메인페이지
메인페이지 - iframe을 이용해 다른 html 파일 합치기, 공지 화면 만들기(숨기기 해놓았으니 아래 완성파일을 참조)
2. 메뉴 HTML을 눌렀을 때
마우스 hover를 이용해서 글을 보였다가 숨겼다가 기능을 만들어보자. 링크 등 기능도 간단하게
3. 메뉴바의 CSS를 눌렀을 때
나열 기능을 이용해서 상자를 적절히 배치
4. java-script 버튼을 눌렀을 때
화면의 div 상자들의 위치를 position을 통해 적절히 배치해보자
5. J-Query를 눌렀을 때
스프라이트 이미지를 마우스를 올렸을때 움직이는것처럼 이미지를 바꿔보자
결과 파일
ex.zip'HTML, CSS, JavaScript, jQuery > 03.CSS' 카테고리의 다른 글
| [CSS]03-11.sprite image, 이미지를 애니메이션 처럼 표현 (0) | 2018.10.18 |
|---|---|
| [CSS]03-10.z-index, opacity (화면 순서, 투명도 조절) (0) | 2018.10.18 |
| [CSS]03-09.position(static, relative, absolute, fixed) 요소의 위치 속성 (0) | 2018.10.17 |
| [CSS]03-08.clear(float 정렬 줄 넘김) (0) | 2018.10.17 |
| [CSS]03-07.display, visibility, 요소 숨기기 / 보이기 / 삭제 / 블록 / 인라인 (0) | 2018.10.17 |