Hướng dẫn Tạo chức năng so sánh hình ảnh Ví dụ CodePen Embed Fallback
Hướng dẫn tạo chức năng so sánh hình bằng Jquery
- 23/10/2024
- Bởi: Tô Mỳ Tôm
Tag: Jquery Tag
- One Tô Mỳ
- Tag: Jquery
#Backtop, #Fixed, #Footer, #Jquery
Jquery Tự Động Canh Nút Backtop Với Footer Khi Sử Dụng Position Fixed
- 23/10/2024
- Bởi: Tô Mỳ Tôm
Code Jquery $(window).scroll( function(){ var show = $(window).scrollTop() + $(window).height(); var hide = $(document).height() - $('footer').height(); var height = $(document).height() - show; $('.div_backtop').css("bottom",$('footer').height() - height); if(show < hide || $(window).width()<=767){...
Jquery tự động cho chiều cao header khi sử dụng position fixed
- 23/10/2024
- Bởi: Tô Mỳ Tôm
Code Jquery $("header").height($(".header_class").outerHeight() + 1); Trong đó header là div cần dùng để tự canh chiều cao Class ".header_class" chứa header fixed Ví dụ CodePen Embed Fallback
Scroll content popup bootstrap với jquery
- 23/10/2024
- Bởi: Tô Mỳ Tôm
Các bước thao tác Thêm Link CSS và jquery Bootstrap popup <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script> Thêm html Link khi nhấn sẽ scroll với nội dung <a...
Thay hình bằng Jquery khi vào Smartphone
- 22/10/2024
- Bởi: Tô Mỳ Tôm
Code html Ví dụ với code html như bên dưới, chúng ta thêm class "sp_img" để có thể xác định hình nào cần thao tác. /*Chèn hình thêm class "sp_img"*/...