본문 바로가기
  • Welcome to Smart-i
  • I can do it!
  • Those who come, be rich.

CSS 네비게이션2

CSS fixedNavigation2 예제 다운로드 FixedNavigation 2 Tutorial 예제보기 다운로드 네비게이션에 필요한 목록 요소는 내부에 링크가 있는 간단한 순서없는 목록이다. 목록은 나중에 javascript에서 참조하기 위해 아이디를 가져온다. jQuery를 사용하면 목록의 'li' 요소 위로 마우스를 가져갈 때마다 링크 항목이 슬라이드 밖으로 나온다. Home About Search Photos Rss Feed Podcasts Contact CSS 먼저 목록의 CSS 속성을 정의한다. ul#navigation { position: fixed; margin: 0px; padding: 0px; top: 0px; right: 10px; list-style: none; z-index:999999; width:721px; } 페이지의 오른.. 2020. 11. 3.
CSS fixedNavigation1 예제 다운로드 FixedNavigation Tutorial 예제보기 다운로드 네비게이션에 필요한 목록 요소는 내부에 링크가 있는 간단한 순서없는 목록이다. 목록은 나중에 JavaScript에서 참조하기 위해 아이디를 가져온다. jQuery를 사용하면 목록의 'li' 요소 위로 마우스를 가져갈 때마다 링크 항목이 슬라이드 밖으로 나온다. CSS 먼저 목록의 CSS 속성을 정의한다. ul#navigation { position: fixed; margin: 0px; padding: 0px; top: 10px; left: 0px; list-style: none; z-index:9999; } 사용자가 페이지를 아래로 스클롤하여도 항상 엑세스 할 수 있어야 하므로 위치는 고정되어야 한다. 순서가 지정되지 않은 목록에는 기본값이 .. 2020. 11. 2.