WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Navigation

Path Style Menu

— 추가 기능 WorldWideScripts.net 에

@ko1wws최신 상태로 유지 하기 위해 우리의 피드를 구독!

새로운! 당신이 그것을 원하는대로 우리를 따르라!


Path Style Menu - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

경로 스타일의 메뉴

이 경로에 의해 하늘이 독특한 UI가 정말 유사한 제품과 경쟁 시장에서 당신에게 가장자리를 줄 수 있다는 것을 증명, 앱 스토어에서 경로 응용 프로그램을 돌진이 2.0 UI 영감을 다단계 메뉴입니다.

사용자 누르거나 버튼을 클릭하면 메뉴 항목이 확장 호, 원을 형성 메인 버튼 주위에 자신을 배치, 수평 또는 수직으로 정렬. 사용자가 필요로 하나 제공되는 옵션 중 하나를 선택하는 메뉴를 종료하거나 다시 메인 버튼을 누릅니다.

여러 단계가 중첩 된 경우, 하위 메뉴를 클릭하면 사용자가 이전 메뉴 선택으로 돌아갈 수 있도록 뒤로 버튼을 생성합니다.




변경 로그는 다음과 같습니다 :

  • 29/05/2013 3.7을 변경 집합
  • 페이지를 스크롤 할 때 메뉴가 불안해했다 iOS의 아크 스타일의 메뉴를 수정했습니다. 지금은 원활 페이지와 함께 스크롤합니다.
  • 스크롤바가 페이지에 존재하는 경우 메뉴 항목 정렬 왜곡있어 고정 인라인 메뉴 버그.
  • 문서 창에서 클릭 할 때 붕괴 확장 메뉴를 중지 할 수있는 새로운 옵션이 추가되었습니다.
  • 메뉴 항목은 메인 버튼 앉는 곳에 향한 스크린의 상단으로부터 주행 알 수 있었다. 이 수정되었습니다. 이제 페이지가로드로 당신이 보는 모두는 mainbutton입니다. 항목 버튼 확장에만 메인 버튼을 클릭하면 볼 수 있습니다.
  • 2013년 9월 1일 3.6을 변경 집합
  • 아이콘 크기와 자바 스크립트를 통해 몇 가지 다른 속성을 설정하면 축소 된 버전은 잘 작동하지 않았다. 이 수정되었습니다
  • Firefox에서,이 메뉴를 확장 할 때이 고정하면서 이후 버전에서 들어온다 유지하기 전에, 플리커이었다 한번에 모두를 위해이 시간을 고정!
  • 주요 버튼이 이전 버전에서 180도 대 기본적으로 전체 360deg 회전
  • 26/11/2012 변경 집합 3.5
  • 인라인 메뉴가 전혀 표시되지 않은 터치 장치에 문제가 수정되었습니다. 이전 릴리스의 변화가 수정이를 끊었다.
  • 하위 메뉴 항목의 위치를​​ 고정 모두 1 개 또는 2 개의 하위 메뉴 항목이있을 때. 메뉴 항목은 부분적으로 메인 버튼의 적용 상태를 유지합니다.
  • 메뉴가 사고에 의해 숨겨진 당신은 반응 형 디자인 레이아웃과 hidding를 만들 때 CSS에서 메뉴를 선택 결국 즉되지 않는 것을 보장. 이 일을 몇 가지 주제를 언급, 지금은 문제가되지 않습니다.
  • 19/11/2012 변경 집합 3.4
  • 버튼은 애니메이션을 허용 해주기 충분한 시간을 것입니다 클릭하면 도착 URL로 이동하기 전에 완료
  • 메뉴를 처음로드 할 때이 기본 버튼 뒤에 숨어서, 당신은 모션을 참조하십시오. 이것은 의도적이었다. 지금은 메인 버튼 기간 뒤에로드합니다.
  • 문서에 수정 불일치.
  • 22/10/2012 변경 집합 3.3
  • PDF 형식의 새로운 문서
  • 항목을 설정할 때 직접 URL을 설정하기위한 지원이 추가되었습니다. 필요는 당신이 URL을 제공 한 탐색이 자​​동으로, 탐색을위한 코드를 작성할 없습니다. 이것은 아주 쉬운 탐색을 설정하게 수동으로 필요 하나는 네비게이션을 제공하기를 원하는 경우 이벤트에 가입하지 않습니다.
  • 새 탭에서 URL을 열기위한 추가 지원, 기본값은 false입니다.
  • CSS에서 아이콘 URL을 설정하기위한 요구 사항을 제거. 당신은 할 수 또는 이전 일을 자바 스크립트에서 현재 설정 전체 메뉴. 새 문서를 살펴해야합니다.
  • 이전 버전의 모든 버튼을 클릭 해고 한 onSelecteditem 노출. 당신이 수동으로 관심의 버튼을 필터링 할 수 있었다 이것은 혼란의 원인이다. 명확성의 위함을 위해 우리는 이제 별도의 이벤트를 대신 노출 :
    1. onMainButtonClick - 화재의 주요 버튼을 클릭
    2. onParentButtonClick - 화재 부모 항목을 클릭 할 때
    3. onBackButtonClick - 화재 '뒤로'버튼을 클릭
    4. 메뉴 항목의 버튼 onItemButtonClick - 화재
  • 페이지로드의 메뉴의 자동 확장과 불일치를 수정했습니다.
  • 변경 방법 아이디의 구성 요소에 의해 출력했다. 이러한 변화는이 버전에서 이전 버전과의 호환성을 휴식. 또한 이전 버전의 기본이었다 버튼을, 스타일을 CSS를 사용하는 사람들은, 즉 이전에 그들이이 있던 경우에 메뉴 버튼 식별자 메뉴 ID를 앞에 할 것이다 :
     #의 menuitem0 { 배경 : 홈페이지 ( '../ 이미지 / photo.png') 노 - 반복; } #의 menuitem1 { 배경 : 홈페이지 ( '../ 이미지 / people.png') 노 - 반복; } 
    이제를 :
     #의 menu1_menuitem0 { 배경 : 홈페이지 ( '../ 이미지 / photo.png') 노 - 반복; } #의 menu1_menuitem1 { 배경 : 홈페이지 ( '../ 이미지 / people.png') 노 - 반복; } 
    여기서 MENU1는 메뉴의 ID입니다.
  • 컨테이너 요소 이제 메인 버튼의 크기가 기본 크기를 갖는다. 이전에 우리는 사용자에 대한이 책임을 떠났습니다하지만이 일이가 예상하는대로 인라인 메뉴 동작 하는지를를 만들기 위해 혼란과 더 많은 수동 단계에 대한 더 많은 공간을 추가했습니다. 이 작업은 현재 내부적으로 메뉴에 의해 처리됩니다.
  • 2012년 10월 1일 변경 집합 3.2
  1. enableUrlHash는 기본적으로 지금 false입니다. 수동 예를 들어 true로 설정해야이 기능 {enableUrlHash : 사실}을 사용하려면 메뉴 생성자 옵션으로 전달.
  2. {항목 : '메뉴 1', '메뉴 2', '메뉴 3'} 항목 속성 예에 문자열 값의 간단한 세트를 전달하면 훨씬 풍부한 형식 대의 onSelectedItem 이벤트 핸들러에 전달 된 값 매개 변수는 널 (null)을 설정. 이 수정되었습니다.
  3. 메뉴 항목 (즉, 클릭) 문서로 클릭 모두 함께 메뉴 항목을 축소하는 활성 일 때 다시 클릭 된 요소가 표시되지 않음으로 메뉴를 확장한다. 메뉴 확장 안이나 클릭 된 요소는 숨겨진해야합니다. 이는 불투명를 통해 숨겨진되는 클릭 된 요소에 버그입니다. 지금은 고정입니다.
  4. 메인 버튼에 기본 마진과 패딩을 추가했습니다. 이 메뉴에는 영향을주지 않습니다 페이지에서 해당 타사 CSS를 보장하는 것입니다.
  5. 자동으로 페이지로드의 메뉴를 열기에 대한 지원이 추가되었습니다. 당신이 확장 된 설정해야이를 사용하려면 다음을 참
  6. 자동 페이지로드에 확장 된 후에 자동으로 메뉴를 붕괴에 대한 지원이 추가되었습니다. 이를 위해 당신은 대기 시간을 밀리 초 단위로 expandTimeout 값을 설정해야합니다.
  7. 레이블에 대한 지원이 추가되었습니다. 당신은 showLabel 추가하여이 기능을 사용할 수 있습니다 : 사실, 그리고 라벨은 아이콘과 함께 표시됩니다. 라벨 텍스트 표기 속성을 통해 공급된다.
  • 2012년 8월 15일 변경 집합 3.1
  • -이 업데이트는 주로 어떤 IE8과 IE7 문제를 해결합니다. 수정 목록 :
  • IE7 & IE8 호환성 수정 :
    • 문서에서 클릭 한 요소가 펼쳐​​진 상태에있을 때, 그들은 무너지고되지 않았다. 이 수정되었습니다.
    • 모든 온라인 데모 querySelector을 사용했다. 이것은 IE8 (compatbility 모드)에서 휴식.
    • querySelector에 대한 polyfill을 추가하고 [].forEach. 이것은 IE8의 온라인 데모 영향을 미치고있다. 결정된.
    • String.trim에 대한 polyfill 추가
    • IE8에 숨 막혀 Dispose 메서드를 수정
  • 기타 문제 :
    • 인라인 모드 때 메뉴에 대한 높은 Z- 인덱스 순서 지원을 추가했습니다.
    • 애니메이션이 고르지 느린이었다 파이어 폭스에 CSS3 전환에 고정 플리커.
    • 문서에 누락 된 링크를 추가했습니다.
  • 2012년 8월 10일 변경 집합 3.0
  • 왼쪽 상단, 오른쪽 상단 모서리와 오른쪽 하단의 메뉴를 도킹에 대한 지원이 추가되었습니다. 이전에 우리는 왼쪽 하단에 대한 지원을했다. 이제 우리는 화면의 4 모서리에 도킹을 지원합니다.
  • 그것은 CSS를 멋지게 위치를 고정 지원하는 도킹 이제 제대로 ++ 안드로이드 4.0에서 지원됩니다. (덕분에 신고하지 않은 경우) 그것은에서 iOS 5에서 유사하게 작동합니다.
  • 메뉴를 인라인에 대한 지원이 추가되었습니다.
  • 이제 우리는 메뉴를 배치의 11 가지 스타일을 지원합니다
    1. PathMenu.ExpandPattern.circle
    2. PathMenu.ExpandPattern.lineTop
    3. PathMenu.ExpandPattern.lineRight
    4. PathMenu.ExpandPattern.lineBottom
    5. PathMenu.ExpandPattern.lineLeft
    6. PathMenu.ExpandPattern.lineMiddleHorizo​​ntal
    7. PathMenu.ExpandPattern.lineMiddleVertical
    8. PathMenu.ExpandPattern.leftBottomFixedArc
    9. PathMenu.ExpandPattern.leftTopFixedArc
    10. PathMenu.ExpandPattern.rightBottomFixedArc
    11. PathMenu.ExpandPattern.rightTopFixedArc
  • 메뉴의 여러 인스턴스에 대한 지원이 추가되었습니다
  • 버튼의 텍스트 콘텐츠에 대한 지원이 추가되었습니다.
  • 이미지 마스크에 대한 지원이 추가되었습니다.
  • API를 확장하고 새로운 메서드 및 속성, 동적 메뉴 항목을 추가하는 데 사용할 수있는 구체적 사람들을 노출. 세부 사항에 대한 설명서를 참조. 또한 우리는 또한 런타임에 메뉴 항목을 추가하는 등 더 복잡한 시나리오를 보여주기 위해 새로운 실험실 데모를 추가했습니다.
  • 2012년 6월 12일 변경 집합 1.9
  • 주소창는 보상되지 핸드 헬드 장치에서 버그가 수정되었습니다. 이 터치 조작 동안 아무것도 안하고 메뉴 결과.
  • 메뉴가 상주 페이지의 모든 다른 요소보다 항상 있는지 확인하기 위해 기본 Z- 인덱스 순서를 추가했습니다.
  • 2012년 5월 19일는 1.8 chagneset
  1. 곡선 향상된
  2. 문서에 클릭하면 메뉴를 폐쇄에 대한 지원이 추가되었습니다. 이것은 바탕 화면입니다. 터치 지원 장치에서 당신은 닫기 버튼을 사용해야합니다.
  3. 툴팁에 대한 지원이 추가되었습니다. 이것은 바탕 화면 (비 터치 지원 장치)에서 사용할 수 있습니다. 메뉴 항목에 툴팁을 얻는 방법에 대한 설명서를 참조하십시오.
  4. onSelectedItem 핸들러는 이제 콜백 인수에 전달되는뿐만 아니라, 클릭 된 메뉴 항목 제목을 포함한다.
  5. 미디어 쿼리. [{ '의 minWidth'640 '의 maxWidth'1024}] 이제 제어 예에 뷰포트 폭의리스트를 전달할 수 있으며,이 조건은 상기 요청 디바이스 / 브라우저에 의해 만족되는 경우 그 자체를 렌더링.
  6. 수평 스크롤 바의 두께는 뷰포트의 왼쪽 하단 모서리에있는 메뉴를 배치 할 때 보상되지 않았습니다. 이 수정되었습니다.
  7. 좀 더 시간을 요구 한 바와 같이 아직 대부분의 가장 큰 특징은 우리가 지금은 워드 프레스 플러그인 (이미 검토를 위해 제출)을 가지고있다.
  • 2012년 5월 19일 변경 집합 1.8 :
  1. 당신은 단지 하나의 메뉴 항목이 있다면 적절한 곡선이 여전히 메인 메뉴 뒤에 숨겨진 남아있을 것입니다 설정 고정 위치 버그.
  2. 고정 기준 추가적인 메뉴 아이템이 출력에 포함 된 전용 (디버그 모드) 요소 계층 발생기.
  3. 다중 탐색에 영향을 버그가 수정되었습니다. 이상의 1 메뉴 항목의 1 개 이상의 하위 레벨을 가지고 기본적하면 호환 문제가 될 것이다.
  4. 첫 번째 메뉴 항목에 영향을 버그가 수정되었습니다. 첫 번째 메뉴 항목을 클릭하면 다른 사람과 같은 뷰에서 스크롤 할 때 그것은 수평 확장하지 않을 것입니다.
  5. 하나의 하위 메뉴에서 다른 탐색 할 때 이제 아이콘 자신의 위치를​​ 변경. 이 메뉴 항목은 하위 메뉴로 하위 메뉴에서 숫자에 따라 다릅니다 수있는 아이콘이 자신의 호를 유지할 수 있습니다.
  • 2012년 5월 15일주의 사항 : 1.8 (출시 예정)
  • 2012년 4월 28일 변경 집합 : 1.7
  • 고정 작은 IE 버그.
  • 새로운 온라인 데모 페이지를 추가하고 소스 패키지에 포함되어 있습니다.
  • 해시 기호에 대한 지원이 추가되었습니다. enableUrlHash가 true (기본값은 false) 인 경우 지금, 당신은이 명령은 단지 새로운 온라인 데모처럼, URL에 추가 얻을 것이다의 메뉴 항목을 클릭 할 때.
  • 2012년 4월 26일 변경 집합 : 1.6
  • 하위 메뉴의 확장 할 때 전환 육포했다. 결정된.
  • 우리는 1.5로 업그레이드 할 때 오페라 미니는 부드러운 전환을 잃었다. 이 수정되었습니다.
  • 백 버튼 아이콘이 1.5에서 화살표를 사용; 이 회전 효과를 너무 잘 적합하지 않습니다. 이를 보완하기 위해 우리는 회전을 증가했다,하지만 너무 좋지 않았다. 우리는 지금 다시이 얼마나에 회전을 감소하고 훨씬 더 나은 무언가에있는 아이콘을 변경했습니다.
  • 당신이 당신의 메뉴의 ID 년대 개발 노력을 용이하게하기 위해 어떻게 생겼는지 볼 수 있도록 메뉴 구조를 인쇄하는 디버그 기능을 문서화. 이것은 연습에 설명되어 있습니다.
  • 홈 폴더에있는 walkthrough.html 파일을 업데이트하면 최근의 변화 속도를 가지고 있습니다.
  • 새로운 방법 toggleMainButton을 노출. 이것은 toggleMenuExpansion 방법으로 결합 될 수있다.
  • 2012년 4월 24일 1.5을 변경 집합 :
  • 우리는 지금 여러 수준의 하위 메뉴를 지원합니다.
  • API는 이전 버전과 일관성을 유지.
  • 다단계 하위 메뉴에 대한 추가 설명서를 참조하십시오. 그것은 연습 페이지에서 다운로드의 일부입니다.
  • 이 사실은 꽤 큰 변화이며, 코드베이스는 부분 재 작성을 겪고있다. 즐겨!
  • 2012년 4월 17일 변경 집합 1.4
  • 핸드 헬드 장치에 고정 터치 버그
  • 파기하는 방법에 버그를 수정
  • 메뉴가 처리 될 때 - 이제 제대로 정리가 일어나고있다.
  • 2012년 4월 16일 변경 집합 1.3
  • 노출 set_curve (값) 공개 방법
  • 노출 스냅 () 공개 방법
  • 다음 위치에서 ProjectPathMenu \ SRC \ co.kr에서 \ pathmenu 집 \
  • 서브 메뉴 아이템의 곡선 패턴을 설정 index.html을 진열장에 추가 데모 걸러.
  • 최종 사용자에게 훨씬 쉬워을하는 연습 자습서를 걸러.
  • 오직주의 산만에 대한 가능성을 감소 메뉴를 포함하는 데모 페이지를 걸러.
  • 2012년 4월 15일 변경 1.2 설정
  • 노출 공개 방법 : toggleMenuExpansion
  • 노출 공개 방법 : get_toggleState
  • 인덱스 파일 (실시간 미리보기와 동일)에서 추가 된 코드 샘플은 toggleMenuExpansion 및 get_toggleState 사용 방법 경우를 표시합니다.
  • 샘플 페이​​지를 모바일 / 데스크톱 장치에 대한 새로운 배 배너 약간 개조
  • 2012년 4월 14일 변경 1.1 설정 : XXX

다운로드 할 수 있습니다
해당 카테고리의 다른 구성 요소이 작성자 의 모든 구성 요소
의견자주하는 질문과 답변 을 요구했다

속성을 선택합니다

만들어진:
4월 13일 (12)

마지막 업데이트:
5월 29일 (13)

지원되는 브라우저:
IE8, IE9, 파이어 폭스, 사파리, 오페라, 크롬

파일 포함:
자바 스크립트 JS, HTML, CSS

키워드

전자 상거래, 전자 상거래, 모든 아이템, 기계적 인조 인간, CSS3 전환, 사용자 정의, 바탕 화면, 핸드 헬드, 아이 패드, 아이폰, 메뉴, 변하기 쉬운, 네비게이션 바, 항해, 회전, 슬라이드, 태블릿, WP7