Thêm hiệu ứng phóng to hình ảnh bằng jQuery plugin cloud-zoom
Bài viết này sẽ giới thiệu một hiệu ứng khá hay với jQuery, khi bạn hover chuột lên hình ảnh thì sẽ có một hình ảnh phóng to tại phạm vi bao quanh chuột, chức năng giống như một chiếc kính lúp sẽ giới thiệu sau đây thuộc về tác giả R...
Sử dụng jQuery để xây dựng một slider đơn giản
Slider có thể chạy tốt trên hầu hết các trình duyệt hiện đại và đồng thời cũng chạy tốt trên trình duyệt Internet Explorer phiên bản 6,7,8... Slider cũng chiếm rất ít tài nguyên xử lý của CPU.
HTML code
<div id="wrap-slide">
<div id="slideshow">...
Giới thiệu và tìm hiểu Attribute Selectors, Custom Selectors trong jQuery
Bài viết này sẽ giới thiệu cách chọn phần tử theo thuộc tính và dựa theo các tùy chọn về vị trí của phần tử.
Attribute Selectors
Has Attribute: [foo]
Chọn các phần tử có thuộc tính là foo
Attribute Value Equals...
Tìm hiểu về một số phương thức trong DOM (Phần 2)
Trong bài trước chúng ta đã tìm hiểu về các phương thức trong DOM như appendChild, click, cloneNode, getAttribute, hasAttribute, hasChildNodes, insertBefore. Trong bài này chúng ta tiếp tục tìm hiểu về các phương thức phổ biến khác bao gồm...
Tìm hiểu về một số phương thức trong DOM (Phần 1)
DOM rất tuyệt vời khi cung cấp sẵn cho chung ta rất nhiều phương thức giúp chúng ta thao tác các đối tượng trong hồ sơ, việc áp dụng các phương thức trong DOM là vô cùng đơn giản. Trong bài này chúng ta sẽ tìm hiểu nhanh về các phương thức trong...
Tìm hiểu về một số thuộc tính trong DOM (Phần 2)
Trong bài này chúng ta sẽ tiếp tục tìm hiểu về các thuộc tính trong DOM bao gồm các thuộc tính như: offsetHeight, offsetWidth, offsetLeft, offsetTop, offsetParent, style, tagName, title.
offsetHeight
Thuộc tính này sẽ cho bạn biết thông tin...
Tìm hiểu về một số thuộc tính trong DOM (Phần 1)
Trong bài này chúng ta sẽ tìm hiểu về một số thuộc tính trong DOM như attributes, childNodes, className, firstChild, innerHTML, lastChild, length, nextSibling, nodeName, nodeType, nodeValue, parentNode, previousSibling.
attributes
Thuộc tính này...
Tổng quan về về DOM Scripting
Khi bạn tạo một trang web và tải nó vào trình duyệt web, khi này DOM (Document Object Model) sẽ bắt đầu làm việc. Nó nhận hồ sơ đã viết và chuyển hồ sơ này thành một đối tượng document. Nếu bạn đã học một ngôn ngữ lập trình nào đó thì nói đến đối tượng chắc bạn...
Sử dụng jQuery để chống click phải chuột cho webisite
Có khi nào các bạn vào một trang web mà khi chúng ta click chuột phải không được chưa? Việc này không có gì lạ với các lập trình viên, nhưng có lẽ lạ với người dùng. Thực sự đây chỉ là do người lập trình can thiệp vào để chống click chuột...
Cách làm Popup Social cho trang web
Khi các bạn vào một số website tin tức, blog nổi tiếng bạn sẽ thường thấy website có những nút social để người dùng có thể like hoặc share website của bạn lên mạng xã hội. Ở bài viết này mình sẽ hướng dẫn bạn tạo 1 Popup Social chứa nút like và share của...
Hướng dẫn cách thêm jQuery TwentyTwenty so sánh 2 hình ảnh cực đẹp và mượt cho website
TwentyTwenty là 1 plugin được viết bằng jquery dùng để so sánh sự khác biệt giữa 2 hình ảnh. Nếu bạn hay đọc báo từ 2 trang zing.vn và 24h.com.vn sẽ thấy họ thường dùng plugin này để so sánh sự khác biệt giữa...
Tìm hiểu mối ràng buộc và quan hệ giữa Ajax, Jquery và JavaScript
Đôi lúc khi mới đi đến ranh giới của lập trình web 2.0 bạn đang ngờ ngợ giữa các chức năng của nó, cũng như bạn biết rằng web 2.0 thì nên áp dụng ajax, tìm hiểu trên mạng hoặc trong tài liệu thì bạn hiểu sơ sơ nó là cách gửi dữ...
Tìm hiểu và cách tạo Tooltip bằng jQuery
Tooltip rất phổ biến trên nhiều trang web bởi vì nó giúp bạn tiết kiệm nhiều khoảng trông trên trang web để dành cho những thông tin quan trọng hơn. Đa phần Tooltip được dùng để cung cấp thông tin bổ sung cho một đối tượng nào đó. Trong bài này chúng ta...
Bẻ cong văn bản bằng Jquery Arc Text
CSS3 transform có thể giúp ta dễ dàng xoay một đối tượng sang nhiều góc độ khác nhau. Tuy nhiên việc xoay từng chữ cái trong đoạn văn bản là rất khó khăn. Arc Text là một plug-in của Jquery sẽ giúp chúng ta làm được điều tưởng chừng như không thể “Bẻ cong...
Tìm hiểu và cách dùng Jquery Spritely
Ngày nay, việc diễn hoạt cho các đối tượng trên website ngày trở nên rất cần thiết, đặc biệt là đối với các website mang tính chất sáng tạo. Trong bài này, mình sẽ hướng dẫn các bạn dùng Jquery Spritely để diễn hoạt cho các đối tượng như chim bay, mây...
Tìm hiểu và sử dụng jQuery.ScrollTo
jQuery.ScrollTo là một hiệu ứng rất đẹp. Tuy nhiên, khi các bạn vào trang chủ của jQuery.ScrollTo thì các hướng dẫn rất khó áp dụng vào các project của bạn. Trong bài viết này, mình sẽ hướng dẫn các bạn cách sử dụng jQuery.ScrollTo một cách đơn giản nhất...
Sử dụng Jquery AJAX + PHP & MYSQL để phân trang
Bài viết này sẽ hướng dẫn các bạn cách phân trang với Jquery AJAX + PHP & MYSQL.
Để tiện cho việc tiếp thu bài này, các bạn nên xem lại bài Sử dụng PHP & MySQL để phân trang.
Do đây là bài viết nâng cao, nên bạn cần biết một số kiến thức cơ bản...
Sử dụng Jquery AJAX + PHP để tạo Contact Form
Bài viết này sẽ hướng dẫn các bạn cách tạo một Contact Form với Jquery AJAX + PHP. Để tiện cho việc tiếp thu bài này, các bạn cần biết PHP căn bản.
Bước 1 – Setup HTML
<?php session_start(); ?>
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta...
Cách tạo Form đa chức năng với Jquery AJAX + PHP & MYSQL
Khi các bạn lướt qua các trang web trên mạng có một số trang khi đăng ký một tài khoản người ta thiết kế một Form để mình vừa đăng ký tài khoản, vừa đăng nhập, quên mật khẩu để bạn có thể thực hiện những công việc này một cách nhanh chóng...
Jquery AJAX tải dữ liệu khi được yêu cầu
Bài viết này sẽ hướng dẫn các bạn sử dụng Jquery AJAX để tải dữ liệu khi người dùng yêu cầu.
Nếu bạn nào mới làm quen với Jquery AJAX thì các bạn hãy xem lại các bài viết hướng dẫn cách sử dụng Jquery AJAX để load dữ liệu nhé.
Hình ảnh, database, demo...