google+javascriptbanktwitter@js_bankfacebook@jsbankrss@jsbank






13 hiệu ứng cuộn tuyệt nhất cho việc làm web Với lượng thông tin dữ liệu cực lớn như hiện nay thì tính năng cuộn để hiện thị từng phần có lẽ là hiệu ứng JavaScript được ưa chuộng nhất, bài viết này nhằm tổng kết và khái quát lại các mã nguồn JavaScript có thể thực hiện tính năng này, cùng với một số đặc điểm của chúng, có lẽ là các hiệu ứng cuộn tốt nhất.


Danh mục: Bài viết

Nội dung bảng biểu có thể kéo thả Hiệu ứng JavaScript này cho phép người dùng có thể thực hiện kéo thả các ô nội dung của một bảng biểu trên trang web. Với các bảng có số lượng nội dung lớn thì tính năng trượt tự động sẽ được bật. Và bạn vẫn có thể thiết lập một ô nào đó không được phép kéo thả bằng cách gán một className="forbid".


Danh mục: Biểu mẫu, Bảng

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

JavaScript theo ngày


Google Safe Browsing McAfee SiteAdvisor Norton SafeWeb Dr.Web