Thiết kế Menu cho Mobile chuẩn CSS3 & jQuery

Hôm nay iZdesigner sẽ giới thiệu tới các bạn một mẫu menu đơn giản nhưng rất hiệu nghiệm và được sử dụng rộng rãi ở nhiều website hiện nay. 

Menu này được xây dựng từ CSS3 và một jQuery plugin có dung lượng rất nhẹ, plugin này hỗ trợ tốt cho các khi dùng tay chạm vào menu trên các thiết bị di động và máy tính bảng. Các bạn có thể xem demo bên dưới đây, để hiểu rõ nhất thì các bạn nên thử nó bằng điện thoại hoặc máy tính bảng mà các bạn đang sử dụng hoặc bạn có thể kéo nhỏ trình duyệt lại để thưởng thức.

Trên khung codepen chúng ta chưa có phần jQuery và để thực hiện được các bạn hãy chèn thư viện jQuery và Plugin xong, các bạn chỉ việc khai báo đơn giản như sau :

1 2 3 4 5 6 7 8

<script src="js/jquery.min.js"></script> <script src="js/doubletaptogo.js"></script> <script>     $( function()     {         $( '#nav li:has(ul)' ).doubleTapToGo();     }); </script>