Hướng dẫn phóng to , thu nhỏ hình với jQuery
Ắt hẳn là bạn đã từng nhìn thấy rất nhiều trang web sử dụng hiệu ứng phóng to và thu ảnh nhỏ ảnh mỗi khi chúng ta click chuột vào ảnh đó. Thực ra hiệu ứng đó rất đơn giản và chỉ cần vài đoạn code là các bạn có thể làm được điều đó. Xem Demo | Download Đầu tiên các bạn chèn hình như sau : ...
Cách hiển thị bản tin mới với jQuery News Ticker
Khi vào các trang tin tức, bạn thường thấy có rất nhiều trang hiển thị những bản tin mới nhất của họ ở một dòng nào đó trên trang chủ, và chúng thường đập vào mắt người xem ngay từ cái nhìn đầu tiên với những hiệu ứng hiển thị chữ khác nhau. Hôm nay mình sẽ chia sẻ với các bạn cách đơn giản nhất ...
Đa chọn lựa Checkbok với jQuery
Đa chọn lựa checkbok là một chức năng cho phép người dùng chọn cùng một lúc tất cả các lựa chọn chỉ với một lần nhấp chuột và ngược lại. Chúng ta có thể làm điều này với câu lệnh javascript đơn giản, tuy nhiên trong bài viết này, mình sẽ hướng dẫn cho các bạn làm bằng jQuery. Xem Demo | ...
Thủ thuật javacript : Cấm click chuột phải trên trình duyệt
Chắc hẳn cũng có những lúc bạn không muốn thông tin trên trang web của mình bị người khác lấy, hay vì một lý do nào đó mà bạn không muốn người dùng click chuột phải trên web của bạn, hôm nay mình xin chia sẻ với các bạn thủ thuật này, đơn giản là bạn chỉ cần copy đoạn code sau và dán nó vào trước ...
Hiệu ứng ẩn, hiện nội dung với jQuery
Nhằm chia sẻ kiến thức cho các bạn sinh viên về jQuery, hôm nay mình xin chia sẻ một hiệu ứng mà hầu như các portfolio website thường hay dùng. Hiệu ứng này có thể diễn giải bằng hình sau hoặc demo bên dưới hình. Demo | Download Trong hiệu ứng này, chúng ta sẽ kết hợp giữa animation và hiệu ...
Tự tay làm một trang web bằng HTML5 và CSS3
Có lẽ bạn sẽ tự hỏi tại sao phải dùng tới HTML5 cho web hay blog của mình. Thực ra có rất nhiều lý do, nhưng lý do quan trọng nhất đó là bạn phải làm việc với tiêu chuẩn quốc tế trong lĩnh vực thiết kế web. Mà HTML5 lại là một trong những công nghệ tương lai mà cả thế giới đang phát triển. Nếu như ...
Tạo slide hình nền toàn màn hình (full background) với jQuery
Backgrounds hay hình nền là một khía cạnh rất quan trọng khi chúng ta tạo một trang web. Thật dễ dàng cho chúng ta khi tạo một hình ảnh làm nền cho web, tuy nhiên nếu các bạn muốn chèn nhiều hình nền cho website hay blog của các bạn thì sao ? Để trả lời câu hỏi này, thì các bạn cứ xem từng bước làm ...
Tạo chức năng kéo thả với jQuery UI Sortable
Chức năng kéo thả rất hữu dụng và được sử dụng rất nhiều ở trang web, đặc biệt là phần back end. Hôm nay mình sẽ chia sẻ với các bạn cách sử dụng chức năng kéo thả từ jQuery UI từng bước một. Kết quả mà chúng ta sẽ nhận được như sau : Xem Demo | Download Bước 1 : Chuần bị các file cần ...
Tạo chức năng Autocomplete đơn giản bằng HTML5 và jQuery
Hàng ngày, mỗi người trong chúng ta đều sử dụng Google để tìm kiếm thông tin, và khi chúng ta gõ bất kì từ khóa nào, thì google sẽ tự động liệt kê danh sách những cụm từ có nghĩa tương đồng với từ khóa đó ở bên dưới . Điều này sẽ giúp chúng ta rút ngắn thời gian gõ , đồng thời cũng giúp chúng ta ...
15 Trải nghiệm về HTML5 gây cảm hứng cho người bắt đầu
Theo lời cựu CEO quá cố cửa Apple thì HTML5 sẽ là công nghệ thay thế cho Flash. Trên thực tế thì điều này vẫn chưa xảy ra. Nhưng HTML5 thật sự tạo ra những điều kì diệu về video,hình ảnh và những hiệu ứng chuyển động….. Bạn có thể tin hay không tin về sức mạnh HTML5 mang lại sau khi cùng ...
Tạo ứng dụng đồng hồ điện tử với jQuery và CSS3
Chào tất cả các bạn, hôm nay chúng ta sẽ cùng nhau tạo ứng dụng hiển thị đồng hồ điện tử trên website hoặc blog. Với sự hỗ trợ từ jQuery và CSS3 animation , ứng dụng mà mình chia sẻ cho các bạn trong bài viết này sẽ thật pro, mà các bước thực hiện thì cực kỳ đơn giản, sẽ không khó để các bạn có ...
Tạo chức năng ” Scroll to Top ” với jQuery và CSS3
Scroll to Top là một chức năng mà chúng ta thường thấy khi cuộn trang ở những web có nội dung dài, và khi chúng ta xem đến những nội dung bên dưới thì sẽ xuất hiện một nút bấm cho phép chúng ta trở lại vị trí đầu của nội dung. Xem Demo | Download Đây là một chức năng rất căn bản mà các ...
Tạo chức năng đo độ bảo mật của Password bằng jQuery
Bảo mật web đang ngày càng trở thành vấn đề quan trọng nhất cho việc quản lý website. Nếu các bạn đang có ý định tự tay xây dựng hệ thống cho phép người dùng có thể tạo password, thì chức năng hiển thị thông báo độ mạnh bảo mật đối với password mà họ vừa mới nhập luôn luôn là một chức năng hữu ích ...
Cách dùng thẻ DETAILS và SUMMARY trong HTML5
Giữa nhiều thẻ mới có sẵn của HTML5 như <figure> , <figcaption> , và <aside> , thì thẻ <detail> và <summary> theo ý cá nhân của mình thì là hữu ích nhất. Với những thẻ mới này bạn có thể ẩn những bài viết có nội dung dài và hiển thị nó dưới dạng mô tả ngắn gọn. ...
Cách xử lý khi jQuery xung đột với các thư viện khác
Thông thường , khi sử dụng jQuery chúng ta thường sử dụng kí tự $ ở đằng trước các hàm và biến. Tuy nhiên các thư viện khác như prototype.js, MooTools, hoặc YUI cũng sử dụng kí tự $ này. Và vì thế mà khi chúng ta sử dụng cùng một lúc các thư viện này với jQuery, thì sẽ xảy ra xung đột và phát ...
Thủ thuật javacript : Nhúng JavaScript vào file HTML
Bạn có thể nhúng JavaScript vào một file HTML theo một trong các cách sau đây: • Sử dụng các câu lệnh và các hàm trong cặp thẻ <SCRIPT> • Sử dụng các file nguồn JavaScript • Sử dụng một biểu thức JavaScript làm giá trị của một thuộc tính HTML • Sử dụng thẻ sự kiện (event handlers) trong ...
12 Tính năng về HTML5 mà bạn cần phải biết
Công nghệ ngày càng phát triển với tốc độ chóng mặt, việc nắm bắt những kỹ thuật mới cho phù hợp với thực tế là điều mà tất cả những người làm web cần phải theo kịp. HTML5 từ khi ra đời cùng với sự hứa hẹn mà nó mang lại đang dần thay đổi mọi thứ, hôm nay mình xin chia sẻ với các bạn 28 tính năng ...
Thủ thuật javacript: Cú pháp JS
Javascript thường được chèn vào một trang web, nếu không muốn nói là sinh ra chỉ để chèn vào trang web. Ta có thể chèn Javascript vào html rất đơn giản với cái thẻ script, sau đó chèn code javascript vào bên trong nội dung thẻ script. ví dụ sau giúp bạn hiểu rõ hơn về cấu trúc của javacript, đơn ...
40 Web Games HTML5 dễ gây nghiện cho bạn
Trước đây , Flash thống trị thế giới đa truyền thông trên web, nhưng với sự xuất hiện của HTML5 và những tính năng mà nó mang lại đã làm thay đổi mọi thứ. Sau đây là danh sách các Games được xây dựng trên nền tảng HTML5 sẽ giúp bạn có cái nhìn đầy đủ hơn về những tính năng to lớn mà công nghệ này ...
Thủ thuật javacript : Thiết lập thời gian chạy
JavaScript có thể thực hiện một chức năng nào đó sau một thời gian được định trước. setTimeout() – Thực hiện một số lệnh với thời gian được định trước trong tương lai. clearTimeout() – Hủy hàm setTimeout() Cú pháp: setTimeout(“javascript statement”,milliseconds); ...
