5
나는 Compass과 jQuery을 사용하여 웹 사이트를 스타일링하고 있습니다. 드롭 다운이있는 가로 메뉴로 목록을 스타일링하는 가장 좋은 방법은 무엇입니까? 그러한 메뉴의 좋은 예가 here입니다.Compass & jQuery에서 드롭 다운 메뉴 구현
A
답변
6
나는 suckerfish 스타일의 크로스 브라우저 드롭 다운 메뉴에 필요한 모든 스타일을 가져 오는 믹스 인을 만들었습니다.
https://github.com/adambom/sucker-compass
그냥 _suckerfish.scss에 대한 참조를 추가 : 여기에 링크입니다
@import "partials/suckerfish"
/* You can put this in any directory.
It doesn't have to be partials" */
당신이 사업부라는 #navigation에 저장된 순서없는 목록을 가지고 가정이,에 다음하는 SCS를 추가하려면 주요 스타일 시트 :
#navigation {
/* The parameters determine the width of
the top, and lower level navigation elements, respectively */
@include suckerfish(10em, 12em);
}
IE6을 지원하려면 제공 sfhover.js 파일을 포함해야합니다. 그 다음에 (프로젝트를 컴파일했는지 확인한 후) 작업 드롭 다운 메뉴가 있어야합니다. 4 줄의 코드에서는 나쁘지 않습니다. 탐색 선언 내에서 드롭 다운에 스타일을 추가해야합니다. CSS 또는 SCSS를 사용할 수 있습니다.
더 많은 정보를 들어, github의의의 repo에서 README를 확인, 확실히이 읽기 제공 :
을