Cr8Code – Creating Stick Navigation Bar with JQuery Part.1

안녕하세요 여러분, 오늘 우리는 헤더를 만들 것입니다 그리고 그것과 함께 끈적 거리는 탐색 바는 우리가 가고있는 누구나의 안에서 첫번째로 시작해도 우리 몸의 요구 조건을 정하다

페이지를 스크롤 할 수 있도록 높이를 300 뷰포트 높이로 설정하여 if 끈적 거리는 탐색 바가 이제 우리가 HTML 헤더를 만들려고 노력하고 있습니다 요소와 헤더 이미지 헤더를 시작해 보겠습니다 당신 색상 선택 도구에서 배경색을 선택하여 복사하고 붙여 넣습니다 당신 헤더 표시를 인라인 블록으로 설정해야합니다 이미지 마진을 최고의 가치로 만들기 위해 마진 상위를 재배치해야합니다

여백이 지나면 브라우저는 먼저 10 픽셀을 렌더링합니다 여백 다음 autovalue하고 모든 여백을 만들 것입니다 이제 자동으로 가자 네비게이션 요소를 만든 다음 ul 및 Li 요소를 만드는 탐색 모음 내부 그것들을 정리하고 스타일링하러 가자 다시 색상 선택 도구를 열어 색상을 얻습니다 우리는 마진과 패딩을 0으로 설정하려고합니다 자동으로 여백과 패딩이 생깁니다

숫자 나 점들이 나타날 것이므로 list-style은 none이어야합니다 그렇지 않은 경우 4 개가 있기 때문에 Li 폭을 25 %로 설정합니다 당신이 더 많거나 적다면 100을 당신의 일라이어스 수로 나눈 다음 그들에게 왼쪽에있는 것들은 수평으로 배열 할 수있게 해준다 요소와 스타일은 우리가 다른 색상을 얻기를 원한다는 호버 효과입니다 전환 효용으로 마우스를 가져갈 때 당신