jQuery를 사용하여 NFL.com's과 유사한 드롭 다운 메뉴를 만들려면 어떻게해야합니까? 일반 메뉴의 모든 확신을 제공하면서 숨겨진 상태로 유지하는 것이 정말 마음에 듭니다.jQuery를 사용하여 NFL.com과 유사한 메뉴를 만들려면 어떻게해야합니까?
2
A
답변
2
NFL.com 예제를 많이하고 데모 코드의 Script.aculo.us 사이트를 참조 Thomas Fuchs
에 의해 작성되었습니다 Script.aculo.us을 사용
Effect.SlideDown 및 Effect.SlideUp 당신이 필요한 무엇을 얻어야한다 메뉴 유형.
2
비슷한 내용은 Slide effect을 사용하여 jQuery로 구현할 수 있습니다. 본질적으로, 각각의 서브 메뉴는 자신의 div에 포함될 것입니다. 각 서브 메뉴는 눈에 잘 띄면 메인 탐색 아래에 하위 메뉴가 표시되도록 배치됩니다. 그런 다음 숨겨진 subnav div로 시작하여 mouseover/mouseout 이벤트 중에 슬라이드 효과를 적용/숨 깁니다.
관련 문제
- 1. 양식을 사용하여 풀다운 탐색 메뉴를 만들려면 어떻게해야합니까?
- 2. WPF에서 개인 메뉴를 만들려면 어떻게해야합니까?
- 3. Delphi 컴포넌트의 컨텍스트 메뉴를 만들려면 어떻게해야합니까?
- 4. ASP.NET MVC에서 탭 메뉴를 만들려면 어떻게해야합니까?
- 5. jQuery를 사용하여 텍스트를 링크로 만들려면 어떻게해야합니까?
- 6. joomla에서만 기사를 열 수있는 메뉴를 만들려면 어떻게해야합니까?
- 7. 두 개의 화면으로 Android 메뉴를 만들려면 어떻게해야합니까?
- 8. iPhone에서 둥근 모양 메뉴를 만들려면 어떻게해야합니까?
- 9. photobucket에서 사용되는 이미지와 같은 메뉴를 만들려면 어떻게해야합니까?
- 10. 클릭하여 하위 메뉴를 열 수있는 YUI 메뉴를 만들려면 어떻게해야합니까?
- 11. 콘솔과 유사한 텍스트 상자를 만들려면 어떻게해야합니까?
- 12. jQuery를 사용하여 동적 인 대화식 이미지 맵을 만들려면 어떻게해야합니까?
- 13. jQuery를 사용하여 간단한 메뉴를 에뮬레이트하는 문제
- 14. iPhone에서 Excel 스프레드 시트와 유사한 인터페이스를 만들려면 어떻게해야합니까?
- 15. 로드 모듈의 기본보기에서 메뉴를 만들려면
- 16. jQuery를 사용하여 드롭 다운 메뉴를 만드는 방법
- 17. NSDate를 사용하여 카운터를 만들려면 어떻게해야합니까?
- 18. 주석을 사용하여 PDF를 만들려면 어떻게해야합니까?
- 19. system.web.ui.datavisualization.charting.chart를 사용하여 차트를 만들려면 어떻게해야합니까?
- 20. Bash를 사용하여 폴더를 만들려면 어떻게해야합니까?
- 21. 사파리에서 북마크 아이콘을 누를 때처럼 팝업 메뉴를 만들려면 어떻게해야합니까? PIC
- 22. 같은 페이지의 일부 메뉴 하위 항목에서 사이드 메뉴를 만들려면 어떻게해야합니까?
- 23. Evernote 앱에서 이와 같은 드롭 다운 메뉴를 만들려면 어떻게해야합니까?
- 24. jQuery를 사용하여 사진을로드하려면 어떻게해야합니까?
- 25. 루비를 사용하여 GUI에서 메뉴를 테스트하려면 어떻게해야합니까?
- 26. 중첩 된 목록을 사용하여 하위 메뉴가있는 수평 메뉴를 만들려면
- 27. 유사한 클래스 이름을 사용하여 jquery를 사용하여 요소 가져 오기
- 28. AtlasSpriteManager에서 텍스처를 만들려면 어떻게해야합니까?
- 29. MySQL에서 테이블을 만들려면 어떻게해야합니까?
- 30. 동적 탐색을 사용하여 동적 콘텐츠를 만들려면 어떻게해야합니까?
정확한 정보이지만 실제로이 질문에 대한 답변이 아닙니다. 그가 데모를 보길 기대하고 있지 않다면, script.acuo.us source, ** 및 ** 프로토 타입 소스를 사용하여 일반 자바 스크립트에서이를 수행 한 다음 jQuery로 변환하는 방법을 살펴 보자. –
@TM은 문제의 예제가 다른 프레임 워크를 사용하고 있으며 바퀴를 다시 만들지 않고 그냥 사용하는 것이 더 쉽다고 제안한 것은 합법적 인 대답입니다. –