google+javascriptbanktwitter@js_bankfacebook@jsbankrss@jsbank






Khung nội dung kéo thả ở đầu trang Đoạn mã này giúp bạn tiết kiệm không gian cho web thông qua một hiệu ứng khá độc đáo: tạo một khung nội dung xổ dọc có thể ẩn/hiện ở phía trên cùng của trang web. Người sử dụng nhấn vào nút nhô ra để kéo khung nội dung xuống, và nhấn thêm một lần nữa tại một vị trí bất kì trong khung để đóng nó lại. Hiệu ứng rất dễ chỉnh sửa và sử dụng, chẳng hạn như chiều cao của khung, nhãn của nút hiển thị, thời gian xuất hiện,...


Danh mục: Framework, jQuery

Trình chơi nhạc giao diện iPod Website bạn có một hệ thống âm thanh/âm nhạc? Bạn đang tìm một trình chơi nhạc bắt mắt cho website của mình? Bạn là một người hâm mộ các sản phẩm của Apple/iPod? Nếu các câu trả lời của bạn là 'Có' thì hãy sử dụng trình chơi nhạc bằng Flash này, với giao diện là máy nghe nhạc iPod nổi tiếng khắp thế giới, gói giao diện này chứa đến bảy demo. Hãy nổi nhạc lên nào!


Danh mục: Multimedia, Âm thanh

Chú thích với khung bo tròn và đổ bóng Ứng dụng JavaScript này giúp bạn tạo ra các chú thích cho bất cứ đối tượng nào như liên kết, biểu mẫu, bảng biểu,... khi có sự kiện rê chuột đến. Các chú thích này được trang trí bằng cách bo tròn tròn bốn góc và áp dụng hiệu ứng mờ trông rất đẹp. Hiệu ứng sử dụng framework Prototype kết hợp Scriptaculous, được tác giả thiết kế sẵn bốn mẫu trang trí mà bạn có thể dễ dàng thay đổi trong quá trình cài đặt.


Danh mục: Framework, Prototype

Bộ chọn ngày với cửa sổ phụ Hiệu ứng này giúp bạn chọn một thời điểm nào đó thông qua một cửa sổ popup phụ. Tính năng chọn thời điểm có lẽ không còn xa lạ trên JavascriptBank.com, nhưng bạn có thể dùng đoạn mã này để làm để tạo các hiệu ứng khác mà đòi hỏi sự điều khiển thông qua các cửa sổ phụ.

Lưu ý: vui lòng cho phép chạy popup (và ActiveX nếu bạn dùng Internet Explorer) để xem được hiệu ứng.


Nội dung di chuyển Đoạn mã JavaScript này tuy không sử dụng thẻ MARQUEE nhưng lại hoạt động tương tự như thẻ này, nghĩa là bạn có thể làm cho một đoạn nội dung nào đó di chuyển liên tục theo bốn hướng, khi người dùng rê chuột vào thì ngừng di chuyển,... Với mã này, hầu như bạn chỉ dùng JavaScript để cài đặt một "MARQUEE".


Danh mục: Scrollers

Trình đơn động nhiều cấp Thêm một sự lựa chọn nữa để tạo trình đơn nhiều cấp cho trang web của bạn, ở đoạn mã này, mỗi mục chọn của trình đơn đều được hỗ trợ một ảnh mô tả. Hiệu ứng sẽ hoạt động tốt trên mọi trình duyệt nhưng sẽ đẹp hơn nếu dùng Internet Explorer, bởi trình đơn sẽ áp dụng các bộ lọc của riêng Internet Explorer.


YUI - Thư viện giao diện người dùng của Yahoo Đúng như tên gọi, framework này khá mạnh về việc xây dựng giao diện cho các ứng dụng JavaScript, là một tập hợp rất phong phú về các ứng dụng được xây dựng sẵn, cùng với số lượng rất lớn tài liệu liên quan, vì vậy gói tải về của framework này khá lớn. Và framework này hoạt động dựa trên giấy phép BSD, miễn phí cho tất cả người dùng.


Danh mục: Framework, YUI

MooTools: Thư viện JavaScript nhỏ gọn Một framework cũng khá nổi tiếng và được sử dụng nhiều, được thiết kế dành cho các nhà phát triển JavaScript trung và cao cấp. Những điểm của MooTools là: mạnh mẽ, linh hoạt, tương thích tốt với các trình duyệt, tài liệu phong phú cùng với thư viện API đồng nhất.


Danh mục: Framework, MooTools

jQuery: Thư viện JavaScript kiểu mới Có thể nói jQuery đang là framework được dùng phổ biến nhất hiện nay, bởi rất nhiều thế mạnh như: mã nguồn ngắn gọn, uy lực mạnh mẽ, tài liệuví dụ tham khảo nhiều... cùng với vô số plugin; đúng như nhóm tác giả đã mô tả: "jQuery được thiết kế để thay đổi cách bạn dùng JavaScript". Và đây là cũng framework mà jsB@nk bắt đầu sử dụng từ Phiên bản 7.0 (?). Bạn hãy tự khám phá để biết lời đồn dành cho nó thực sự là như thế nào?!


Danh mục: Framework

Hàm getElementsByClassName Bản thân ngôn ngữ lập trình JavaScript không cung cấp cho ta hàm lấy một đối tượng thông qua tên lớp, mà chỉ là ID, tên và thẻ. Nay với hàm này, chúng ta có thể thực hiện điều này dễ dàng.


Danh mục: Thủ thuật

JavaScript theo ngày


Google Safe Browsing McAfee SiteAdvisor Norton SafeWeb Dr.Web