2011-08-08 16 views
6

Tôi quan tâm đến việc hiển thị tab trên trang web mà tôi đang thực hiện. Tôi cần phải áp dụng phong cách của riêng tôi, vì vậy tôi muốn tìm một thư viện javascript cung cấp rất ít kiểu dáng ra khỏi hộp và làm cho tùy biến dễ dàng nhất có thể.Thư viện javascript dễ nhất để tạo các tab tùy chỉnh?

Tính năng tôi muốn:

  • Xác định hình ảnh sử dụng cho tab.
  • Tab có thể thay đổi kích thước để sửa văn bản bên trong.
  • Tương đối dễ áp ​​dụng kiểu của riêng tôi.

Tôi đã xem jQuery UI Tab nhưng dường như không quá dễ dàng để áp dụng kiểu của riêng tôi nếu tôi không sử dụng công cụ của mình để thực hiện.

Tôi cũng xem jQuery Tools, có vẻ dễ dàng hơn để tùy chỉnh, nhưng dường như yêu cầu bạn sử dụng hình ảnh có độ dài cố định cho các tab.

Có ai có thể giới thiệu thư viện js tốt để tạo điều hướng theo tab được tùy chỉnh không? Tôi chỉ làm cho tùy biến của hai thư viện được đề cập ở trên khó hơn nó cần phải được?

+0

Tôi có thể nhận được giải thích từ trình gỡ xuống không? –

+1

Các tab của jQuery UI rất dễ mở rộng. Thậm chí có một phân tích về những lớp nào được áp dụng trong tình huống nào. Tạo kiểu cũng đơn giản như chọn đúng bộ chọn '.ui-whatever' và đặt kiểu theo ý bạn muốn. Chỉ cần [kiểm tra tab "Chủ đề"] (http://jqueryui.com/demos/tabs/) – zzzzBov

+0

Đủ công bằng. Trong phòng thủ của tôi, họ nói điều này dưới tab theming: 'Chúng tôi khuyên bạn nên sử dụng công cụ ThemeRoller để tạo và tải xuống các chủ đề tùy chỉnh dễ xây dựng và bảo trì.' Có vẻ như họ không đề xuất tuyến đường mà tôi đang nói ở trên. –

Trả lời

3

Đây là một siêu dễ dàng đi bộ qua để tạo ra các tab tùy chỉnh sử dụng jQuery, tôi theo nó một lần và đã không sử dụng bất kỳ các tab khác từ:

Custom jQuery Tabs | Soh Tanaka

tôi biết nó có thể được hấp dẫn đến thường xuyên sử dụng thư viện cho một cái gì đó như thế này, nhưng nó là rất đơn giản và bạn sẽ biết tất cả về cách họ công việc, cho phép bạn tùy chỉnh chúng dễ dàng hơn nhiều so với các trang khác lug-ins.

+0

Trông rất hứa hẹn. Bên cạnh jQuery vẫn là một thư viện javascript;) –

+0

Tôi biết :) Tôi chỉ đề cập đến nhiều thư viện và trình cắm thêm "chuyên biệt/cụ thể" hơn. Dù sao thì tôi cũng khuyên bạn nên làm điều này, cũng như một số hướng dẫn/hướng dẫn khác trên trang web. –

+0

Đó chính xác là những gì tôi đang tìm kiếm. Cảm ơn bạn đã liên kết, tôi chắc chắn tôi sẽ sử dụng nó một chút trong tương lai. –

2

Với jQuery-UI bạn có thể dễ dàng thay đổi phong cách với css, bạn không cần bất kỳ công cụ ưa thích^_^

Các vấn đề liên quan