Share Code Web - Chia sẻ niềm đam mê bất tận > Lập trình > Web Design > Ajax-Jquery-Javascript > Tạo menu linh hoạt dựa vào kích cỡ trình duyệt
Tạo menu linh hoạt dựa vào kích cỡ trình duyệt
Nguyễn Trung Hiếu
Share Code Web Company 2012

Tạo menu linh hoạt dựa vào kích cỡ trình duyệt

Mình cũng không biết phải đặt tiêu đề như thế nào nữa, nhưng nói nôm na là bạn có thể tạo ra một menu linh động mà không phụ thuộc vào kích cỡ trình duyệt, cỡ bé hay to menu đều tự co giãn cho phù hợp

menu tự co giãn theo trình duyệt
Nói thì khó hiểu nhưng khi bạn bắt tay vào làm thì sẽ hiểu ngay công dụng của nó ấy mà.
OK! Let’s go
Trước tiên tạo bộ khung cho menu đã

Sau đó là thêm style cho nó nhé. Cái này là tùy bạn style thôi sao cho nó đẹp mắt các bạn là được.

Kết quả sẽ được như thế này
tạo menu co giãn theo trình duyệt
Khi độ rộng trình duyệt có sự thay đổi thì độ rộng menu thay đổi theo, ở đây chúng ta fix cho độ rộng của nó theo %

Tiếp theo, để làm được như ý muốn, chúng ta cần phải add thêm một plugin jquery nữa tại đây. Sau khi các bạn down về thì tiến hành add vào nhé

Và thêm đoạn css vào

Tiếp theo download flexMenu về

Sau khi xong chúng ta được thế này
menu co giãn theo trình duyệt
Cuối cùng là style cho nó

Vậy là xong. Bạn có thể xem qua hiệu quả của loại menu này dưới đây
menu co giãn theo trình duyệt

View DemoDownload Code

Chúc bạn có những giây phút vui vẻ với blog của tôi

Related Posts

Tác giả: Nguyễn Trung Hiếu

Một blogger ... cùi bắp! Đơn giản: tôi muốn ghi lại những gì xảy ra xung quanh, cả công việc lẫn cuộc sống và chia sẻ với các bạn đọc. Nếu bạn cảm thấy bài viết có nhiều điểm không chính xác, hãy comment và chia sẻ để tôi còn được học hỏi từ những góp ý của bạn. Email: hieunt.dcn@gmail.com

Leave a comment

Bạn phải Đăng nhập để tham gia bình luận.

https://sharecodeweb.net/?s={search_term_string}

Blog Stats

  • 6.164 hits
%d bloggers like this: