Slicknav tạo menu nhiều cấp responsive và tự động đóng các menu item khác khi một item active

Thảo luận trong 'JAVASCRIPTS' bắt đầu bởi xman, 12/11/15.

  1. xman

    xman Administrator Thành viên BQT

    Tham gia ngày:
    6/7/15
    Bài viết:
    44
    Đã được thích:
    2
    Điểm thành tích:
    8
    Slicknav có chức năng rất hay đó là tự động copy menu gốc và chuyển sang menu tương thích với giao diện mobile responsive. Ngoài ra nó còn có nhiều tính năng hay như có thể gắn vào element nào đó, đặt tên cho menu hoặc tạo logo brand nằm bên trái thanh menu khi ở giao diện mobile...

    Các lựa chọn tùy chỉnh các bạn có thể tham khảo thêm tại: https://github.com/ComputerWolf/SlickNav

    Điểm hạn chế là nếu menu của bạn quá nhiều nó sẽ khiến bạn phải cuộn màn hình xuống chứ không tự đóng các menu khác lại. Bài viết này sẽ giúp bạn khắc phục nhược điểm đó.

    Tạo html như sau:

    Mã:
    <ul id="menu">
        <li>Parent 3
            <ul>
                <li><a href="#">item 3</a></li>
                <li>Parent 3
                    <ul>
                        <li><a href="#">item 8</a>
                      <ul>
                        <li><a href="#">item 8</a></li>
                        <li><a href="#">item 9</a></li>
                        <li><a href="#">item 10</a></li>
                    </ul>
                      </li>
                        <li><a href="#">item 9</a></li>
                        <li><a href="#">item 10</a></li>
                    </ul>
                </li>
                <li><a href="#">item 4</a></li>
            </ul>
        </li>
        <li><a href="#">item 1</a></li>
        <li>non-link item</li>
        <li>Parent 4
            <ul>
                <li><a href="#">item 5</a></li>
                <li><a href="#">item 6</a></li>
                <li><a href="#">item 7</a></li>
            </ul>
        </li>
    </ul>
    
    Javascript khai báo:

    Mã:
    
            $('#nav').slicknav({
                label: 'MENU',
                duration: 150,
                allowParentLinks: true,
                'afterOpen': function(trigger){
                  $('a.slicknav_item').click(function(){
                      $(this).siblings('ul').show();
                      $(this).parent('li.slicknav_parent').siblings().removeClass('slicknav_open').addClass('slicknav_collapsed').children('ul').slideUp().addClass('slicknav_hidden');
                    });
            },
            //closeOnClick:true
            });
    
    Test thử và tận hưởng thành quả :))
     
  2. linhoen12

    linhoen12 Member

    Tham gia ngày:
    13/1/18
    Bài viết:
    46
    Đã được thích:
    0
    Điểm thành tích:
    6
    Giới tính:
    Nữ
    Nến thơm Thần Tài - Phật Thủ - Hoa Sen
    Thắp Sáng Tài Vận - May Mắn Cả Năm
    Năm Mậu Tuất sắp đến, Ban thờ nên có một cặp Nến Phật Thủ phong thủy, một cặp nến Thần Tài Hoa Sen không chỉ hoàn thiện ngũ hành âm dương mà còn mang đến không khí Tết ấm cúng, cầu chúc một năm may mắn, phát tài.
    Sản Phẩm:
    Trọng lượng:
    Hoa Sen Thần Tài: 1kg/bộ (Giá 250k)
    Phật thủ: 1,4kg/cặp (Giá 230k)
    Hoa Sen: 1kg/cặp (Giá 160k)
    Nến có thời gian cháy khoảng 60-72h(tương đương khoảng 3 ngày)
    Khi thắp nến tỏa mùi thơm giống mùi hương Phật thủ
    Tim nến được làm từ sợi bông tự nhiên không có chì và không độc hại
    Có giá sĩ > 5 cặp
    Liên hệ: 0902.363.000
    Facebook: https://www.facebook.com/dochungtet/
    Shopee: https://shopee.vn/Nến-Thần-Tài-Hoa-Sen-Phật-Thủ-i.13352045.819526963
    Địa chỉ: 97/101 Trần Hưng Đạo P6 Q5 HCM

    [​IMG][​IMG][​IMG][​IMG][​IMG][​IMG][​IMG]
     
  3. tra0995497882

    tra0995497882 New Member

    Tham gia ngày:
    25/1/18
    Bài viết:
    12
    Đã được thích:
    0
    Điểm thành tích:
    1
    Giới tính:
    Nữ
    Bí quyết bảo vệ và chăm sóc da nhờn hiệu quả luôn là chủ đề được quan tâm nghiên cứu của nhiều cô nàng chẳng may sở hữu tính chất da nhờn dầu đó.

    Từng loại da thì có những cách chăm sóc riêng biệt, đặc biệt với các chị em sở hữu loại da nhờn hoặc loại da nhạy cảm thì phải lưu ý đặc biệt bởi vì da rất dễ chịu kích ứng nếu thực hiện sai phương pháp.

    Tuy nhiên làm như thế nào để chăm sóc da nhờn đúng cách? Đồng hành cùng Trang Hà tìm hiểu thêm 8 cách bảo vệ và chăm sóc da cho cô nàng da nhờn dưới đây nhé!

    1. Không nên rửa mặt quá nhiều lần
    Bí quyết chăm sóc da nhờn phải để ý đầu tiên là cần luôn giữ sạch bề mặt da. Thế nhưng, điều này sẽ chẳng có nghĩa là chúng ta phải rửa mặt nhiều lần trong ngày. Hậu quả của rửa mặt nhiều lần đó, tuyến bã nhờn ở trên khuôn mặt có khả năng bị phá vỡ, từ lúc đó mất lớp dầu nhờn bảo vệ da sẽ làm da bị suy yếu. Hơn thế nữa, rửa mặt nhiều lần có thể làm làn da bị khô và liền tự động điều tiết lớp dầu trên da để cân bằng độ ẩm cần thiết, hiện tượng dầu bóng có thể nghiêm trọng hơn nhiều.
    Thế nên, chỉ cần rửa mặt từ 2 – 3 lần bằng những mỹ phẩm sữa rửa mặt hiệu quả và dịu nhẹ cho da mặt các bạn nhé!

    2. Nhớ sử dụng kem chống nắng
    Tia UV từ mặt trời

    3. Thoa kem dưỡng ẩm mỗi ngày
    bôi kem dưỡng ẩm, kể cả là da bóng nhờn. Kem dưỡng ẩm có thể giúp đỡ bạn gái lưu giữ độ ẩm mịn của bề mặt da. Các bạn nên để ý trong lúc chọn dùng kem dưỡng da thích hợp với da mình qua những gợi ý của các chuyên gia.

    4. Quan tâm tới đồ trang điểm
    Mỹ phẩm trang điểm dành riêng cho da nhờn nhớ sử dụng các laoị son phấn kem dưỡng có nguồn gốc có từ tự nhiên, hiệu quả và an toàn đối với sức khỏe làn da. Bạn nên dùng các dạng kem nước không có pha dầu, tiếp sau đó bạn có thể loại bớt việc dùng kem lót làm bề mặt da có cảm giác dày lên và mất đi vẻ mặt tự nhiên. Nếu bôi những loại bột thì cần dùng bông phấn loại to, dày và vỗ nhẹ nhàng để bột phấn bám thật chặt vào da mặt. Tốt nhất là nên lựa chọn những sản phẩm make up cao cấp an toàn và phù hợp da nhé!

    5. Đừng đụng vào da mặt thường xuyên
    Mụn có trên da mặt sẽ gây khó chịu cho những người không may bị mụn. Tuy thế chúng ta phải nhớ không nên đụng và nặn mụn nhọt vì vi khuẩn, các độc chất có thể thông qua tay lây sang làn da làm tình trạng mụn rất khó kiểm soát, đặc biệt đối với nhiều bạn vẫn đang chữa trị mụn với kem trị mụn.

    6. Giặt vỏ gối thường xuyên
    Vỏ gối là một vật dụng không thể thiếu được với việc ngủ và cũng chính là thứ dễ tích bụi bẩn. Thời gian ngủ kéo dài và khi ngủ, chúng ta có hành động xoay người, áp gương mặt lên vỏ gối khá lâu. Chính vì thế, vỏ gối nhớ được giặt giũ sạch sẽ thường xuyên để đảm bảo chẳng gây hại đến gương mặt đấy nhé!

    7. Ít sử dụng các loại nước có gas và dùng đủ lượng nước mỗi ngày
    Uống loại nước có gas hoàn toàn gây hại đến sức khỏe cơ thể và chúng dễ khiến làn da bạn gái sinh chất nhờn, làm giảm tính năng đàn hồi của làn da. Thay vì uống nước có gas có nhiều độc chất, bí quyết chăm sóc da mụn nhờn tốt nhất đó là hãy dùng đủ nước lọc mỗi ngày. Công dụng tuyệt vời của nước có khả năng trong việc xử lý hết độc tố và điều chỉnh lượng bã nhờn ở trên da mặt.

    8. Cung cấp vitamin hàng ngày
    Bạn gái cần hạn chế các món ăn dầu mỡ, đồ ăn tiện lợi bởi vì chúng có thể là nguyên nhân dẫn đến các loại mụn trứng cá…
    Chọn các món ăn có nhiều vitamin A như là khoai lang, cà rốt, dùng nhiều rau xanh và nhiều loại trái cây khá nhiều nước như là dưa hấu, dưa chuột… có công dụng tuyệt vời giúp đỡ làn da của những người sử dụng trẻ đẹp và sáng mịn hơn nhiều.
    Quả thực, không người nào sở hữu được nước da sáng mịn không tỳ vết khi chẳng được nuôi dưỡng và bảo vệ quan tâm cả. Cách thức chăm sóc da nhờn không khó khăn lắm, chúng ta nên chú ý một tí, tạo cho bản thân các thói quen chăm sóc cần có để giữ làn da sạch sẽ và sáng hồng nhé!

    Mách nhỏ: Làn da nhờn khá dễ bị hiện tượng xuất hiện mụn nếu chẳng được chăm sóc đúng phương pháp. Nếu bạn đang vấp phải rắc rối đó cùng với việc thực hiện những điều chú ý chăm sóc da nhờn đúng cách thì chắc chắn cần lựa chọn cho bản thân một loại sản phẩm bảo vệ chăm sóc da và trị mụn hiệu quả là cực kỳ quan trọng.
    Mụn quả thật là một nỗi sợ cực lớn mà bạn nào trong số chúng ta đều ước được tránh xa. Nếu như các bạn đang gặp những rắc rối do mụn, thì cùng với việc thay đổi thói quen ăn uống và sinh hoạt cá nhân, cần dùng một loại kem trị mụn tốt nhất.
    Xem thêm Cẩm nang chăm sóc da nhờn tốt nhất
     

Chia sẻ trang này