Javascript

Tạo ứng dụng Date Picker với jQuery Plugin dateSelector.js

dateSelector.js là một plugin nhỏ gọn và rất dễ sử dụng, nó sẽ tự động định dạng hiển thị ngày tháng tại thanh nhập liệu (input) với định dạng ngày/tháng/năm. Ngoài ra nó còn hỗ trợ cho các bạn các tính năng như : Chọn tháng từ tháng 1 đến tháng 12, và năm từ năm 1970 đến 2070, tự động vô hiệu hóa ...

Bùi Văn Nam viết 20:16 ngày 04/10/2018

Xóa nhiều hàng từ table cùng lúc với jQuery

Hôm nay mình sẽ giới thiệu cho các bạn cách delete hoặc remove hiều hàng cùng một lúc từ table bằng cách sử dụng vài đoạn jQuery đơn giản. Mình hy vọng với đoạn code mà mình chia sẻ trong bài viết này sẽ hữu ích cho các bạn áp dụng vào những dự án web của các bạn. Xem Demo | Download ...

Trịnh Tiến Mạnh viết 20:16 ngày 04/10/2018

Tạo mẫu menu cực đẹp với jQuery Plugin

Hôm nay mình sẽ mang đến cho các bạn một mẫu menu với hiệu ứng xoay vòng cực kỳ ấn tượng, với sự trợ giúp của jQuery. Với kiểu menu này, các bạn có thể áp dụng vào bất kì trang web hay blog mà các bạn đang dùng. Xem Demo | Download HTML Trước tiên, chúng ta xây dựng menu với đoạn ...

Trần Trung Dũng viết 20:16 ngày 04/10/2018

HTML5 Audio player với playlist đơn giản bằng jQuery

Trước đây mình đã giới thiệu cho các bạn bài viết Audio và Video với HTML5 đây là bài viết đơn giản nhằm giới thiệu sơ lược về cách chèn file audio vào trong trang web. Hôm nay mình sẽ nâng cấp cho các bạn với một trình chơi nhạc đơn giản nhưng có đầy đủ chức năng như tên nhạc, tên tác giả, ảnh ...

Vũ Văn Thanh viết 20:16 ngày 04/10/2018

Tạo hiệu ứng lá vàng rơi với jQuery và CSS3

Hôm nay mình xin giới thiệu cho các bạn một plugin rất thú vị của jQuery, với plugin này các bạn có thể tạo các hiệu ứng 3D cũng như tạo hiệu ứng lá rơi. Với plugin này, các bạn có thể thiết kế các template cho mùa thu và mùa đông. Xem Demo | Download Cách sử dụng : 1 Đầu tiên chúng ...

Tạ Quốc Bảo viết 20:16 ngày 04/10/2018

Chèn link “Read More” khi Copy nội dung từ Website bằng jQuery

Thỉnh thoảng, khi các bạn cần lấy nội dung từ một trang web nào đó, khi copy và dán nội dung đó vào notepad , thì nội dung đó thường được đính kèm theo một link như Read more at: http://www.thuthuatweb.net/javacript/chen-link-read-more-khi-copy-noi-dung-tu-website-bang-jquery.html . Các chủ ...

Hoàng Hải Đăng viết 20:16 ngày 04/10/2018

Tạo hiệu ứng Preloader với jQuery

Trước đây, mình giới thiệu cho các bạn rất nhiều hiệu ứng loading làm từ CSS3 , hôm nay mình sẽ chia sẻ cho các bạn hiệu ứng preloader được làm từ jQuery với chỉ vài dòng code đơn giản. Xem Demo | Download HTML Để tạo hiệu ứng loading , chúng ta cần khung chuẩn html như sau : ...

Trịnh Tiến Mạnh viết 20:16 ngày 04/10/2018

Tạo Tag Editor đơn giản với jQuery

Khi viết bài, hầu hết các website đêu có chức năng chèn tag , điều này sẽ giúp người dùng dễ dàng tìm kiếm bài viết theo chủ đề mà họ muốn, cũng như tạo các từ khóa tìm kiếm trên các bộ máy tìm kiếm như Google hay Yahoo…. Nếu các bạn cũng muốn tự tạo cho mình chức năng chèn tag thì mình sẽ ...

Vũ Văn Thanh viết 20:16 ngày 04/10/2018

Tạo Tab hiển thị nội dung với CSS & jQuery

jQuery là thư viện JavaScript phổ biến nhất hiện nay, việc nắm vững jQuery sẽ giúp các bạn vững vàng hơn cho việc thiết kế web cũng như trở thành Front End Developer sau này. Và cách học tốt nhất không phải là cặm cụi đọc sách mà chính là thực hành càng nhiều càng tốt. Xem Demo | Download ...

Trịnh Tiến Mạnh viết 20:16 ngày 04/10/2018

Tạo Image Gallery Đơn Giản Với jQuery

Hôm nay mình xin chia sẻ cho các bạn một ứng dụng hình ảnh đơn giản mà rất thường được sử dụng trên các trang web, đặc biệt là dành cho những web trình diễn ảnh, studio… Chỉ với vài dòng jQuery và css code để tạo hiệu ứng fade. Xem Demo | Download jQuery Code ...

Bùi Văn Nam viết 20:16 ngày 04/10/2018

Thiết kế trang 404 cực lạ với jGravity

Để tạo ấn tượng cho khách viếng thăm trang web hay blog của mình thì ngoài những thiết kế ở các trang chính, thì trang 404 các bạn cũng không nên bỏ qua. Trước đây mình đã giới thiệu cho các bạn bài viết 6 mẫu trang 404 Error Pages tuyệt đẹp dành cho Blogger , còn hôm nay thì mình sẽ chia sẻ cho ...

Tạ Quốc Bảo viết 20:16 ngày 04/10/2018

Signin Dropdown Box theo phong cách Twitter với jQuery

Hôm nay là ngày đầu năm mới (2014) nhưng mình vẫn sẽ không quên nhiệm vụ của mình là chia sẻ kiến thức cho mọi người. Đăng nhập vào trang twitter và thấy ấn tượng với phần login nên mình sẽ chia sẻ cho các bạn cách làm giống thế với jQuery. Đoạn script sẽ rất đơn giản, chỉ với 2 hàm .hide() và ...

Hoàng Hải Đăng viết 20:16 ngày 04/10/2018

Ảnh lật vòng (Flipping Circle Slideshow) với jQuery và CSS3

Hôm nay mình sẽ chia sẻ cho các bạn một hiệu ứng ảnh lật vòng rất thú vị với sự trợ giúp của jQurery Plugin : jquery.flipshow.js và CSS 3d transforms . Xem Demo | Download HTML Đầu tiên, chúng ta cần tạo khung html để chứa các hình ảnh như sau : <div id="fc-slideshow&q ...

Trịnh Tiến Mạnh viết 20:15 ngày 04/10/2018

Tạo menu động cực hấp dẫn với jQuery, Font-Awesome và CSS3

Có lúc chúng ta sẽ cần những mẫu menu nhỏ gọn để có thể phù hợp với những kiểu thiết kế web không có nhiều không gian. Hôm nay, trong bài viết này, mình xin chia sẻ cho các bạn một mẫu menu nhỏ gọn với hiệu ứng động cực kỳ sexy. Xem Demo | Download HTML Để minh họa menu , chúng ta ...

Trịnh Tiến Mạnh viết 20:15 ngày 04/10/2018

Tạo meu theo phong cách Youtube với jQuery và CSS

Có lẽ các bạn đã quá quen thuộc với hiệu ứng menu thường xuất hiện ở trang Youtube. Đây là một mẫu menu rất tiện lợi trong việc tiết kiệm không gian hiển thị web. Với menu này, các bạn sẽ có thêm nhiều vị trí để hiển thị những thông tin khác trên web của mình. Xem Demo | Download HTML ...

Trần Trung Dũng viết 20:15 ngày 04/10/2018

Cách chèn Google Map vào trong website

Google Maps là một dịch vụ ứng dụng và công nghệ bản đồ trực tuyến trên web miễn phí được cung cấp bởi Google. Thường thì Google Maps hay được tích hợp vào các trang liên hệ, vì như thế sẽ tạo cho người dùng dễ dàng tìm kiếm địa chỉ khách hàng cũng như làm cho website của chúng ta thân thiện với ...

Hoàng Hải Đăng viết 20:15 ngày 04/10/2018

Tạo ứng dụng Date Picker với Angular JS

Tiếp tục mang đến cho các bạn thêm một ứng dụng web nho nhỏ được làm từ Angular.js, với những chia sẻ trong bài viết này, các bạn sẽ có thêm kinh nghiệm trong việc tìm hiểu cũng như sử dụng tốt angular.js cho những ứng dụng web của mình sau này. Xem Demo | Download HTML Đầu tiên, ...

Trần Trung Dũng viết 20:15 ngày 04/10/2018

Tạo Responsive Menus từ thẻ UL với ReSmenu

ReSmenu là một jQuery plugin cho phép chúng ta dễ dàng tạo chức năng responsive cho menu chỉ với một nốt nhạc. Plugin này rất nhẹ (chỉ khoảng 1kb) , dễ tùy chỉnh và có nhiều lựa chọn cho việc hiển thị menu. Xem Demo | Download Giả sử chúng ta có một menu được tạo thành từ các thẻ html ...

Trịnh Tiến Mạnh viết 20:15 ngày 04/10/2018

simplyScroll : jQuery Plugin tạo content scroller đa dạng

simplyScroll là một plugin rất linh hoạt trong việc tạo hiệu ứng cuộn (scroll) nội dung. Với plugin này, các bạn có thể cuộn nội dung theo chiều ngang, chiều dọc, cuộn về bên trái hay bên phải, có thể cho nó tự động chạy hoặc điều khiển bằng các nút bấm…. Với plugin này các bạn có thể dùng ...

Vũ Văn Thanh viết 20:15 ngày 04/10/2018

3D Gallery với CSS3 và jQuery Plugin : jquery.gallery.js

Với 3D transforms , chúng ta có thể biến những phần tử đơn giản trở nên hấp dẫn hơn bằng cách ấn định chúng vào không gian 3 chiều. Cùng với CSS transitions, thì hiệu ứng 3D càng trở nên thực hơn rất nhiều, điều mà trước kia chúng ta chỉ có thể làm được bằng Flash. Trong bài viết này, mình sẽ chia ...

Bùi Văn Nam viết 20:15 ngày 04/10/2018
< 1 2 3 4 5 6 .. > >>