Skip to main content

Posts

lab_jquery_03 //Thao tác Jquery với CSS

By Duc Nguyen
  Thao tac Jquery với CSS a. Thiết kế menu như hình H01. Hình H01. B1 : Xây dựng menu <DIV> B2 : Định dạng CSS b. Định dạng CSS bằng Jquery - Thay đổi font chữ, màu chữ Kết quả - Thay đổi kích thước chữ Kết quả - Khi click vào theloai kích thước font chữ loaitin tăng lên Kết quả c. Show(), hide(), slideToggle() - Khi click vào theloai tất cả loaitin sẽ ẩn Kết quả - Khi click vào theloai tất cả loaitin sẽ ẩn sau đó hiện ra Kết quả - Khi click lần thứ nhất hide, lần thứ hai show ta sử dụng slideToggle()   <!doctype html> <html> <head> <meta charset="utf-8"> <title>Untitled Document</title> <script type="text/javascript" src="../jquery-3.6.0.js"></script> <style> #menu { width:180px; background-color:#cc6; } #menu .theloai { background-color:#F63; color:#FFFFFF; display:block; padding-top:5px; font-weight:bold} #menu a{ color:#990000; padding-top:3px; padding-bottom:3px; padding-left:15px; disp...
Post a Comment
Read more

lab_jquery_02 //Đối tượng Append()

By Duc Nguyen
  Đối tượng Append() - Đổ dữ liệu bên trong Appen vào VỊ TRÍ xác định trước. - Bên trong Append có thể là đối tượng văn bản hoặc function()… - Test xem kết quả Click 1 lần vào TEO   Click 2 lần vào TEO - Kết quả : dữ liệu được ghi nối vào đối tượng phía trước nó
Post a Comment
Read more

lab_jquery_01 //Thao tác với đối tượng ID và CLASS

By Duc Nguyen
  Thao tác với đối tượng ID và CLASS - Viết Jquery thao tác với hai đối tượng ID và Class trên, xuất ra thông báo “Bạn vừa click vào (tên đối tượng)”. Kểm tra hoạt động của các đối tượng trên và nhận xét. - Bài giải như sau:
Post a Comment
Read more

jQuery - Ngày 1

By Duc Nguyen
Jquery Đoạn 1 Đoạn 2 Ẩn Hiện Ẩn - Hiện <!doctype html> <html> <head> <meta charset="utf-8"> <title>Jquery</title> <script type="text/javascript" src="jquery-3.6.0.min.js"></script> </head> <body> <script type="text/javascript"> $(document).ready(function (){ //Chọn đối tượng là thẻ html: /*$("p").click(function(){ alert("Bạn vừa click vào đối tượng thẻ p"); })*/ //Chọn đối tượng là 1 class: $(".c1").click(function(){ alert("Bạn vừa click vào class c1"); }) //Chọn đối tượng là 1 id: $("#id1").click(function(){ alert("Bạn vừa click vào id1"); }) //viết code ẩn 1 đối tượng theo sự kiện: $("#an").click(function(){ $("#id1").hide(1000); //đơn vị là ms }) //Viết code hiện 1 đối tượng đã bị ẩn: $("#hien").click(function(){ $(...
2 comments
Read more

LAB JAVASCRIPT - Dò độ phân giải - if (screen.width==800) document.location='index1.html';

By Duc Nguyen
Untitled Document //Code Dò độ phân giải để chuyển cho user trang web thích hợp với độ phân giải của họ <script type="text/javascript"> if (screen.width==800) document.location='index1.html'; else if (screen.width==1024) document.location='index2.html'; else document.location='index3.html'; </script>
Post a Comment
Read more