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

— Add-On để WorldWideScripts.net

Đăng ký vào nguồn cấp dữ liệu của chúng tôi để ở lại đến ngày!

Mới! Theo chúng tôi như bạn muốn nó!


Path Style Menu - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Menu phong cách đường

Đây là một thực đơn đa cấp lấy cảm hứng từ con đường 2.0 UI trong đó có bầu trời vọt ứng dụng Path trong các cửa hàng App, chứng minh rằng một giao diện người dùng riêng biệt thực sự có thể cung cấp cho bạn các cạnh trong một thị trường cạnh tranh với các sản phẩm tương tự.

Khi người dùng nhấn phím hoặc nhấp vào nút, các mục trình đơn mở rộng và đặt mình xung quanh nút chính tạo thành một vòng cung, một vòng tròn, xếp hàng theo chiều ngang hoặc theo chiều dọc. Để đóng menu người sử dụng cần một trong hai lựa chọn một trong các tùy chọn trình bày hoặc bấm nút chính một lần nữa.

Nếu nhiều cấp độ được lồng nhau, sau đó nhấp chuột vào một trình đơn phụ sẽ sản xuất các nút quay lại cho phép người dùng quay trở lại menu lựa chọn trước đó.




Thay đổi đăng nhập sau:

  • 29/05/2013 changeset 3.7
  • Cố định các hồ quang bằng thực đơn trên iOS nơi menu đã hoảng hốt khi cuộn trang. Bây giờ nó cuộn cùng với các trang thông suốt.
  • Cố định nội tuyến đơn lỗi mà sự liên kết các mục menu đã bị bóp méo nếu cuộn đã có mặt trong trang.
  • Thêm một lựa chọn mới cho phép dừng lại một thực đơn mở rộng từ sụp đổ khi nhấp vào cửa sổ tài liệu.
  • Các mục menu có thể được nhìn thấy đi du lịch từ cạnh trên của màn hình về phía nơi mà các nút chính ngồi. Điều này đã được cố định. Bây giờ là tải trang tất cả các bạn nhìn thấy là mainbutton. nút mục mở rộng và chỉ hiển thị sau khi nhấp vào nút chính.
  • 2013/09/01 changeset 3.6
  • Các phiên bản minified đã không làm việc tốt khi thiết lập kích thước biểu tượng và một vài đặc tính khác thông qua JavaScript. Điều này là cố định tại
  • Trong Firefox, có một nhấp nháy khi mở rộng thực đơn, trong khi điều này đã được cố định trước khi nó giữ đã tăng lên trong các phiên bản sau này, cố định nó thời gian này một lần và cho tất cả!
  • nút chính bây giờ quay một 360deg đầy đủ theo mặc định vs 180deg từ các phiên bản trước
  • 26/11/2012 changeset 3.5
  • Cố định một vấn đề trên các thiết bị cảm ứng nơi menu nội tuyến đã không hiển thị ở tất cả. Một sự thay đổi trong bản phát hành trước đó đã phá vỡ này, cố định bây giờ.
  • Cố định vị trí của các mục menu con khi có 1 hoặc 2 mục menu con trong tất cả. Các mục trình đơn sẽ vẫn phủ từng phần bằng nút chính.
  • Đảm bảo rằng trình đơn không được che giấu bởi tai nạn, tức là bạn kết thúc việc lựa chọn trình đơn trong css của bạn khi tạo bố trí thiết kế đáp ứng và hidding nó. Lưu ý một vài chủ đề làm điều này, không phải là một vấn đề bây giờ.
  • 19/11/2012 changeset 3.4
  • Nhấp vào nút bây giờ sẽ cho phép đủ thời gian cho các hình ảnh động để hoàn thành trước khi điều hướng đến các url điểm đến
  • Khi menu tải lần đầu tiên, bạn sẽ thấy nó trong chuyển động như nó ẩn đằng sau những nút chính. Đây là chủ ý. Bây giờ nó chỉ tải phía sau kỳ nút chính.
  • mâu thuẫn cố định trong tài liệu.
  • 22/10/2012 changeset 3.3
  • tài liệu mới ở định dạng pdf
  • Thêm hỗ trợ cho việc thiết url trực tiếp khi đặt hàng. Không cần phải viết bất kỳ mã để điều hướng, miễn là bạn cung cấp địa chỉ, chuyển hướng là tự động. Điều này làm cho việc thiết lập chuyển hướng khá dễ dàng và không đòi hỏi tay đăng ký vào các sự kiện nếu muốn chỉ cung cấp điều hướng.
  • Thêm hỗ trợ cho việc mở các url trong tab mới, mặc định là sai.
  • Loại bỏ yêu cầu để thiết lập các biểu tượng url trong css. Bạn có thể bây giờ thiết lập toàn bộ menu trong javascript hoặc làm những việc như trước. Bạn sẽ phải đi xem một tài liệu mới.
  • các phiên bản trước đó tiếp xúc với một onSelecteditem duy nhất mà bắn cho bất kỳ nút bấm. Đây là một nguyên nhân gây ra sự nhầm lẫn là sau đó bạn phải tự lọc các nút quan tâm. Vì cớ rõ ràng bây giờ chúng ta phơi bày sự kiện riêng biệt thay vì:
    1. onMainButtonClick-kích hoạt khi nút chính được nhấp
    2. onParentButtonClick-cháy khi một mục cha mẹ nhấp
    3. onBackButtonClick-cháy khi nút quay lại được nhấp
    4. onItemButtonClick-cháy cho một nút menu
  • Cố định một sự mâu thuẫn với việc mở rộng tự động của trình đơn trong tải trang.
  • Thay đổi cách id là đầu ra của các thành phần. Sự thay đổi này phá vỡ tính tương thích ngược trong phiên bản này. Người sử dụng css để tạo kiểu cho các nút, mà cũng là mặc định trong các phiên bản trước, sẽ muốn tiền tố id menu với các định danh nút menu tức là trước đó nếu họ có điều này:
     # Menuitem0 { background: url ( 'hình ảnh../ / photo.png') no-repeat; } # Menuitem1 { background: url ( 'hình ảnh../ / people.png') no-repeat; } 
    bây giơ là:
     # Menu1_menuitem0 { background: url ( 'hình ảnh../ / photo.png') no-repeat; } # Menu1_menuitem1 { background: url ( 'hình ảnh../ / people.png') no-repeat; } 
    nơi Menu1 là id của menu.
  • Các yếu tố container hiện nay có một kích thước mặc định đó là kích thước của nút chính. Trước đây chúng tôi lại trách nhiệm này vào người sử dụng nhưng điều này thêm nhiều chỗ cho sự nhầm lẫn và các bước thủ công hơn để tạo một hành vi đơn inlined như người ta mong đợi nó. Điều này bây giờ được xử lý bằng menu trong nội bộ.
  • 10/01/2012 changeset 3.2
  1. enableUrlHash bây giờ là sai theo mặc định. Để sử dụng tính năng này bạn phải tự đặt nó vào đúng ví dụ như {enableUrlHash: true} thông qua tại như một tùy chọn để các nhà xây dựng thực đơn.
  2. Khi đi qua một tập hợp đơn giản của các giá trị chuỗi các ví dụ mục tài sản: {mục: 'Thực đơn 1', 'Menu 2', 'Menu 3'} vs các định dạng phong phú hơn nhiều, tham số giá trị thông qua để xử lý sự kiện onSelectedItem bật lên vô. Điều này là cố định bây giờ.
  3. khi một mục menu được kích hoạt (tức là nhấp) thu gọn các mục menu tất cả cùng nhau, nhấp vào tài liệu một lần nữa mở rộng thực đơn với các yếu tố nhấp không hiển thị. Thực đơn không nên mở rộng cũng không nên yếu tố nhấp được ẩn. Đây là một lỗi do các yếu tố nhấp bị ẩn qua opacity. Nó cố định bây giờ.
  4. Thêm vào mặc định lề và padding trên nút chính. Điều này là để đảm bảo rằng css bên thứ ba trong trang không ảnh hưởng đến thực đơn.
  5. Thêm hỗ trợ cho tự động mở trình đơn trên tải trang. Để kích hoạt tính năng này, bạn phải thiết lập trương nở: đúng
  6. Thêm hỗ trợ cho tự động sụp đổ menu sau khi nó đã được tự động mở rộng trên tải trang. Đối với điều này, bạn phải thiết lập giá trị expandTimeout đến số mili giây chờ đợi.
  7. Thêm hỗ trợ cho các nhãn. Bạn có thể kích hoạt tính năng này bằng cách thêm showLabel: đúng, và một nhãn được hiển thị bên cạnh biểu tượng. Văn bản nhãn được cung cấp thông qua thuộc tính tiêu đề.
  • 2012/08/15 changeset 3.1
  • cập nhật -Đây chủ yếu là giải quyết bất kỳ vấn đề IE8 và IE7. Một danh sách các bản sửa lỗi:
  • IE7 và IE8 sửa tương thích:
    • khi nhấp vào các tài liệu và các yếu tố ở trong một trạng thái mở, họ đã không nhận được sụp đổ. Điều này là cố định bây giờ.
    • Tất cả các bản demo trực tuyến sử dụng querySelector. Điều này phá vỡ trong IE8 (chế độ compatbility).
    • Thêm một polyfill cho querySelector và [].forEach. Điều này chỉ ảnh hưởng đến bản demo trực tuyến trong IE8. Đã sửa.
    • Thêm một polyfill cho String.trim
    • Cố định các phương pháp xử lý mà nghẹn ngào trong ie8
  • Các vấn đề khác:
    • Thêm hỗ trợ để z-index cao cho menu khi vào chế độ inline.
    • Cố định nhấp nháy trong quá trình chuyển đổi css3 trên firefox, nơi các hình ảnh động được choppy và chậm chạp.
    • Thêm một liên kết còn thiếu trong tài liệu.
  • 2012/08/10 changeset 3.0
  • Thêm hỗ trợ cho docking menu trong Left Top Corner, Right Top Corner và dưới bên phải Corner. Trước đây chúng tôi đã hỗ trợ cho chỉ Bottom Left Corner. Bây giờ chúng tôi hỗ trợ lắp ghép trong tất cả 4 góc của màn hình.
  • Docking được hỗ trợ đúng trong android 4.0 ++ vì nó hỗ trợ css cố định vị trí độc đáo. Nó sẽ làm việc tương tự như trong iOS 5 (nếu không báo cáo, nhờ).
  • Thêm hỗ trợ cho nội tuyến menu.
  • Chúng tôi hỗ trợ 11 phong cách khác nhau đẻ ra menu:
    1. PathMenu.ExpandPattern.circle
    2. PathMenu.ExpandPattern.lineTop
    3. PathMenu.ExpandPattern.lineRight
    4. PathMenu.ExpandPattern.lineBottom
    5. PathMenu.ExpandPattern.lineLeft
    6. PathMenu.ExpandPattern.lineMiddleHorizontal
    7. PathMenu.ExpandPattern.lineMiddleVertical
    8. PathMenu.ExpandPattern.leftBottomFixedArc
    9. PathMenu.ExpandPattern.leftTopFixedArc
    10. PathMenu.ExpandPattern.rightBottomFixedArc
    11. PathMenu.ExpandPattern.rightTopFixedArc
  • Thêm hỗ trợ cho nhiều trường hợp của menu
  • Thêm hỗ trợ cho nội dung văn bản trong các nút.
  • Thêm hỗ trợ cho các mặt nạ ảnh.
  • Mở rộng các api và tiếp xúc với phương pháp mới và tài sản, đặc biệt là những người bạn có thể sử dụng để thêm các mục menu động. Hãy tham khảo các tài liệu hướng dẫn cho các chi tiết. Ngoài ra chúng tôi cũng đã thêm một bản demo phòng thí nghiệm mới để giới thiệu kịch bản phức tạp hơn, chẳng hạn như thêm các mục trình đơn trong thời gian chạy.
  • 2012/06/12 changeset 1.9
  • Cố định một lỗi trong các thiết bị cầm tay mà thanh địa chỉ không được bù đắp cho. Điều này dẫn đến thực đơn không làm bất cứ điều gì trong một hoạt động liên lạc.
  • Thêm một thứ tự z-index mặc định để đảm bảo rằng trình đơn luôn là trên hết yếu tố khác trên trang mà nó cư trú.
  • 2012/05/19 chagneset 1.8
  1. Tăng cường các đường cong
  2. Thêm hỗ trợ cho đóng trình đơn khi nhấp vào tài liệu. Đây là chỉ cho máy tính để bàn. Trên các thiết bị cảm ứng bật, bạn phải sử dụng các nút đóng.
  3. Thêm hỗ trợ cho tooltips. Điều này chỉ có sẵn trên máy tính để bàn (thiết bị không cảm ứng được kích hoạt). kiểm tra các tài liệu hướng dẫn về cách để có được tooltip trong menu của bạn.
  4. xử lý onSelectedItem hiện nay bao gồm các mục trình đơn nhấp tiêu đề là tốt, được thông qua trong các đối số callbacks.
  5. Phương tiện truyền thông truy vấn. Bây giờ bạn có thể vượt qua một danh sách các độ rộng khung nhìn để kiểm soát, ví dụ: [{ "MinWidth ': 640,' maxWidth ': 1024}] và nó sẽ làm cho bản thân nếu điều kiện này được đáp ứng bởi các thiết bị yêu cầu / trình duyệt.
  6. độ dày thanh cuộn ngang không được bù đắp cho khi đặt menu ở góc dưới bên trái của khung nhìn. Điều này là cố định bây giờ.
  7. Hầu hết các tính năng lớn nhất chưa vì nó đã được hỏi nhiều lần là bây giờ chúng ta có một plugin wordpress (đã được gửi để xem xét).
  • 2012/05/19 changeset 1.8:
  1. Sửa lỗi định vị mà nếu bạn chỉ có một mục trình đơn duy nhất và với những đường cong thích hợp cài đặt nó sẽ vẫn vẫn ẩn đằng sau menu chính.
  2. Cố định tham khảo (chế độ debug) hệ thống phân cấp yếu tố tạo nơi một mục trình đơn phụ đã được đưa vào sản xuất.
  3. Cố định một lỗi ảnh hưởng đa hướng. Về cơ bản khi bạn có nhiều hơn 1 phụ cấp trên nhiều hơn 1 mục trình đơn, sẽ có một báo không rõ.
  4. Cố định một lỗi ảnh hưởng đến mục menu đầu tiên. khi nhấp vào mục menu đầu tiên nó sẽ không quy mô ra khi di chuyển ra khỏi tầm nhìn như những người khác.
  5. Bây giờ các biểu tượng đặt lại vị trí bản thân khi điều hướng từ một menu con khác. Điều này cho phép các biểu tượng để duy trì hồ quang của họ như là các mục menu có thể khác nhau về số lượng từ menu con để menu con.
  • 2012/05/15 Thông báo: 1.8 (Sắp)
  • 2012/04/28 changeset: 1.7
  • Cố định lỗi IE nhỏ.
  • Thêm mới trang demo trực tuyến và bao gồm cả các gói mã nguồn.
  • Hỗ trợ các biểu tượng băm. Bây giờ nếu enableUrlHash là đúng (giả theo mặc định), sau đó khi bạn bấm vào một mục trình đơn đó là lệnh sẽ được nối trong url, giống như trong các bản demo trực tuyến mới.
  • 2012/04/26 changeset: 1.6
  • Khi của menu con mở rộng quá trình chuyển đổi đã giật. Đã sửa.
  • Opera mini mất mịn chuyển khi chúng tôi nâng cấp lên 1.5. Điều này là cố định bây giờ.
  • Các biểu tượng nút quay lại sử dụng một mũi tên trong 1,5; Điều này tự nó không mang quá tốt cho các hiệu ứng xoay. Để bù đắp cho điều này, chúng tôi đã tăng Bộ xoay vòng, nhưng đó không phải là quá tốt. Bây giờ chúng ta giảm sự quay trở lại với nó như thế nào và thay đổi các biểu tượng để một cái gì đó tốt hơn nhiều.
  • Ghi một tính năng gỡ lỗi đó sẽ in ra cấu trúc menu của bạn, do đó bạn có thể nhìn thấy những gì của id của menu của bạn trông giống như để giảm bớt các nỗ lực phát triển của bạn. Đây là tài liệu trong các hương.
  • Cập nhật các tập tin walkthrough.html tìm thấy trong thư mục nhà để mang đến tốc độ với những thay đổi gần đây.
  • Tiếp xúc với một phương pháp mới toggleMainButton. Điều này có thể được kết hợp với các phương pháp toggleMenuExpansion.
  • 2012/04/24 changeset 1.5:
  • Chúng tôi hỗ trợ đa cấp menu con.
  • Api vẫn nhất quán với các phiên bản trước đó.
  • Thêm tài liệu cho đa cấp menu con. Đó là một phần tải về của bạn trong các trang giới thiệu.
  • Điều này thực sự là một sự thay đổi khá lớn và codebase đã trải qua một viết lại một phần. Thưởng thức!
  • 2012/04/17 changeset 1.4
  • cảm ứng lỗi cố định trên các thiết bị cầm tay
  • Cố định một lỗi trong các phương pháp xử lý
  • -Bây giờ dọn dẹp thích hợp đang diễn ra khi menu được xử lý.
  • 2012/04/16 changeset 1.3
  • Xúc set_curve (giá trị) phương pháp công cộng
  • Xúc chụp () phương pháp công cộng
  • Tại các vị trí sau ProjectPathMenu \ src \ com \ pathmenu \ nhà
  • -Nhập Một bản giới thiệu thêm trong index.html mà giới thiệu cách thiết lập các mô hình đường cong của các mục trình đơn phụ.
  • -Nhập Một hướng dẫn walkthrough, làm cho nó dễ dàng hơn nhiều cho người dùng cuối.
  • -Nhập Một trang giới thiệu mà chỉ bao gồm các thực đơn giảm cơ hội cho sự xao lãng.
  • 2012/04/15 Thay đổi thiết lập 1.2
  • phương pháp nào xúc: toggleMenuExpansion
  • Tiếp xúc với phương pháp công cộng: get_toggleState
  • Thêm mẫu mã trong tập tin chỉ mục (giống như xem trước trực tiếp) để hiển thị trường hợp như thế nào toggleMenuExpansion và get_toggleState có thể được sử dụng.
  • Tân trang mẫu một chút với biểu ngữ lần mới cho các thiết bị / máy tính để bàn di động
  • 2012/04/14 Thay đổi thiết lập 1.1: xxx

Tải về
Các thành phần khác trong thể loại nàyTất cả các thành phần của tác giả này
Ý kiếnCâu hỏi thường gặp và câu trả lời

Tài sản

Tạo:
13 ngày 12 tháng 4

Cập nhật cuối cùng:
29 Tháng năm 13

Trình duyệt tương thích:
IE8, IE9, Firefox, Safari, Opera, Chrome

tập tin bao gồm:
JavaScript JS, HTML, CSS

Từ khóa

Thương mại điện tử, Thương mại điện tử, Tất cả mó, n đồ, android, chuyển css3, tù, y biến, má, y tí, nh để bà, n, cầm tay, ipad, iphone, thực đơn, di động, navbar, chuyển hướng, quay, trượt, má, y tí, nh bảng, WP7