목록2018/01/01 (1)
미안한남자의 일상
스크롤메뉴 구현하기
오늘은 간단한 방법으로 스크롤메뉴를 만들어 보려고 합니다. jquery plugin 웹페이지를 보다보면 특정위치에 메뉴가 고정되있고 마우스를 내리면 따라 내려가는 녀석을 본적이 있으실 텐데요자바스크립트나 제이쿼리를 사용하지 않고, css만 이용하여 간단하게 구현해 보려고 합니다. 먼저 스크롤 메뉴로 사용할 이미지를 준비하고,(저는 저작권 무료 아이콘 사이트에서 가져온 이미지로 만들어 보겠습니다.) html기본 구조를 구성합니다. body태그안에 아래와 같이 ul/li태그를 구성하고 아이디와 클래스 값을 줍니다.img src=안에는 메뉴로 사용할 이미지가 있는 폴더의 주소나 사이트 주소를 넣으면 됩니다. 위와 같이 적용하고 html파일을 열어보면위와 같이 구성됩니다. 그럼 이제 css를 이용하여 꾸며보겠습..
html5 & css
2018. 1. 1. 19:01