Thêm hiệu ứng magic line cho navigation bằng jQuery
Bài viết này sẽ giới thiệu về một hiệu ứng đơn giản khi hover chuột lên navigation với jQuery, đoạn mã chương trình được giới thiệu sau ý tưởng thực hiện thuộc về tác giả Chris Coyier trên CSS-tricks.com.
Ý tưởng
Tạo ra phần tử di chuyển...
Xây dựng một slider đơn giản bằng Javascript - DOM
Từ khi có thư viện Jquery thì số lượng ứng dụng slider cũng tăng lên rất nhiều, không mất nhiều thời gian để bạn tìm cho mình một slider bằng công cụ tìm kiếm google. Tuy nhiên để sử dụng và tùy chỉnh slider theo ý bạn thì thời gian bỏ ra còn...
Sử dụng Javascript để kiểm tra trình duyệt người dùng
Cũng như CSS không phải tất cả các trình duyệt đều có mức độ hỗ trợ như nhau, sẽ có một số chức năng Javascript nào đó của bạn có thể sẽ không hoạt động trên một số trình duyệt cũ như IE6, IE7, hoặc IE8..., và cũng không phải tất cả các...
Tìm hiểu về một số phương thức của mảng trong Javascript
Để viết các ứng dụng với javascript thì việc vận dụng mảng là một điều hết sức cần thiết. Javascript cũng như các ngôn ngữ lập trình khác cũng có mảng và cách thức làm việc của mảng trong Javascript cũng tương tự, vấn đề cần quan tâm là...
Tìm hiểu về chuyển đổi hình tự động đơn giản với Javascript
Sau một số bài viết giới thiệu về DOM có lẽ cũng nên làm một vài ví dụ cho hứng khởi chứ cứ lý thuyết hoài cũng ngán, nhưng có lý thuyết thì mới có thực hành và lý thuyết vững thì thực hành mới thành công. Từ dễ tới khó luôn là phương...
Tìm hiểu một số thuộc tính và phương thức của đối tượng window
Trong bài này chúng ta sẽ tìm hiểu về một số thuộc tính và phương thức phổ biến của đối tượng window như window.history, window.location, navigator.userAgent, screen.width, screen.height, window.open(), window.close()...
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 javascript để tạo lightbox image cực đẹp
Khi một website hoàn thành ngoài phần chức năng bố cục web thì một phần không thể bỏ qua đó là phần thẩm mỹ của website. Một website chức năng tốt nhưng phần thẩm mỹ không được tốt thì cũng làm giảm đi nhiều về chất lượng website.
Để tạo ra một...
Sử dụng JavaScript để tạo đồng hồ cho website
Chắc các bạn đã từng vào những trang web mà thấy có một chiếc đồng hồ nằm ở trên top head hay bên phải, bên trái hoặc ở bất kỳ nơi nào. Vậy đã bao giờ các bạn thắc mắc làm thế nào để có được một chiếc đồng hồ tương tự như vậy không?
Bài viết hôm...
Sử dụng JavaScript để kiểm tra dữ liệu form
Form giúp chúng ta tương tác được với cơ sở dữ liệu thực hiện các tác vụ: đăng nhập, đăng ký, liên hệ, post bài…Tuy nhiên để kiếm tra dữ liệu từ form có tồn tại hay không là vấn đề mình muốn nói ở bài viết này.
Có rất nhiều cách để kiểm tra dữ liệu...
Sử dụng JavaScript để xác nhận yêu cầu Confirm Yes/No
Bài viết này sẽ hướng dẫn các bạn tạo một box thông báo và hỏi người dùng dưới dạng Đồng ý(Yes) hoặc Không đồng ý(No).
Chắc chắn nhiều khi các bạn lướt một trang web hay vào phần quản lý của một trang web khi các bạn nhấn vào một liên...
Hướng dẫn sử dụng Javascript thuần tuý để tạo slider
Đa số chúng ta đều lấy các slider có sẵn trên mạng được viết bằng JQuery và tìm cách gắn vào website của mình đúng không cả nhà? Đúng là các chuyên gia viết rất đẹp nhưng không lẽ mình cứ lệ thuộc vào cái có sẵn mãi. Tại sao không thử tự tay...
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...
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ữ...
Sử dụng jQuery để tạo check all và uncheck all
Trong tut này chúng ta nghiên cứu cách tạo Check all và Uncheck all bằng cách dùng jQuery.
Nếu bạn chưa biết 2 cái này là gì thì mình xin giải thích, Check all là cùng một lúc chọn nhiều phần tử check box, còn Uncheck all là cùng một lúc hủy chọn...
Sử dụng WOW.js để tạo hiệu ứng đẹp mắt khi scroll
WOW.js được phát triển bởi Matthieu Aussaguel, một kỹ sư lập trình web hiện đang sống và làm việc tại Thái Lan. WOW.js là sự kết hợp giữa jQuery và thư viện animation.css được viết sẵn các kịch bản. Khi bạn scroll website thì jQuery sẽ bắt sự...