close button

Danh mục: JS Category

#Download, #Image, #Mail, #Simulator

Một số link hay dùng cho front end và back end

Bài viết tổng hợp các link hay dùng để code web dễ hơn. Thao tác với hình ảnh Giảm dung lượng hình ảnh: Tinypng Lấy icon, vector free: Flaticon Link...

#Compare, #Jquery

Hướng dẫn tạo chức năng so sánh hình bằng Jquery

Hướng dẫn Tạo chức năng so sánh hình ảnh Ví dụ CodePen Embed Fallback

#360°

Tạo Hình 360° bằng JS

Hướng dẫn Hướng dẫn làm hình 360° bằng js Tài liệu tham khảo Andrepolischuk Github.com Ví dụ CodePen Embed Fallback

#Backtop, #Fixed, #Footer, #Jquery

Jquery Tự Động Canh Nút Backtop Với Footer Khi Sử Dụng Position Fixed

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){...

#Header, #Jquery

Jquery tự động cho chiều cao header khi sử dụng position fixed

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

#Jquery, #Popup

Scroll content popup bootstrap với jquery

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...

#Jquery

Thay hình bằng Jquery khi vào Smartphone

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"*/...

Back To Top