google+javascriptbanktwitter@js_bankfacebook@jsbankrss@jsbank






Bộ điều khiển định hướng Nghe tên có lẽ bạn sẽ nghĩ rằng đoạn mã JavaScript này cực kì phức tạp về chức năng lẫn mã nguồn? Nếu bạn đang nghĩ như thế thì có thể tác giả đã làm bạn thất vọng rất nhiều, bởi bản thân đoạn mã không có gì là phức tạp và chức năng cũng vậy (jsB@nk nghĩ vậy); vấn đề chỉ là tên do tác giả đặt nên phải tuân theo.

Hiệu ứng chỉ là hiển thị nội dung thông tin thêm dựa vào hành vi của người dùng với các sự kiện như rê con trỏ chuột và nhấn chuột để hiển thị khung chú thích ngay vị trí này. Bạn có thể xem hiệu ứng tương tự là Nội dung chồng lấn.


Chú thích trượt kiểu bật/tắt Hiệu ứng sử dụng CSS để trang trí cho khung chú thíchJavaScript để thực hiện chức năng trượt kiểu bật/tắt cho các liên kết, người dùng nhấn liên kết lần đầu tiên để mở khung và nhấn cái thứ hai để đóng lại.


Luồng ảnh chạy ngang Hiệu ứng có thể làm cho một nhóm các hình ảnh (logo, banner,...) chạy ngang liên tục trên trang web, nếu không xem mã nguồn, có thể ta sẽ lầm tưởng rằng đây là một trong những đoạn mã sử dụng thẻ MARQUEE để thực hiện việc di chuyển. Bạn có thể chèn liên kết cho mỗi ảnh.

Ngoài ra, bạn có thể xem thêm hiệu ứng Luồng ảnh di chuyển của cùng tác giả.


Trang trí bảng biểu Đoạn mã JavaScript này kết hợp CSSJavaScript để trang trí cho bảng dữ liệu hoạt động trên nền web trở nên đẹp và dễ đọc hơn, bạn chỉ cần tinh chỉnh theo ý thích và sử dụng thoải mái, bởi vì đoạn mã JavaScript này được tác giả công bố như mã nguồn mã và tuân theo giấy phép Creative Commons License.


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

Gạch chân liên kết bằng ảnh động Đoạn mã CSS này sử dụng thuộc tính hover để gạch chân các liên kết khi người dùng rê con trỏ chuột đến, một kĩ thuật đơn giản nhưng đang rất thịnh hành hiện nay để tô sáng liên kết. Tuy nhiên, điểm đặc biệt của đoạn mã CSS này nằm ở chỗ hình ảnh được sử dụng - các mũi tên di chuyển liên tục, nên khá vui nhộn. Một đoạn mã rất thích hợp với các website có nội dung là truyện tranh, chuyện cười, vui nhộn,...


Danh mục: CSS

Tính các giá trị của một tam giác Với sự trợ giúp của đoạn mã JavaScript này, bạn sẽ không còn phải ghi nhớ các công thức tính các giá trị của một hình tam giác đầy rắc rối. Hiện đoạn mã này chỉ tính các giá trị đơn giản như: chu vi của tam giác, chu vi đường tròn nội và ngoại tiếp, góc giữa hai cạnh kề nhau. Tuy nhiên ưu điểm của việc đơn giản này sẽ là dễ dàng cho bạn hiểu cách hoạt động của nó và tinh chỉnh nó theo nhu cầu của mình.


Kiểm tra độ phân giải màn hình Đây là cách đơn giản nhất để kiểm tra độ phân giải của màn hình máy khách, sau đó chuyển họ đến trang được thiết kế với độ phân giải tương ứng. Đoạn mã JavaScript này cực kì đơn giản bởi vì nó chỉ kiểm tra độ rộng của màn hình và chuyển trang mà không làm gì khác, bạn có thể tùy biến theo nhu cầu riêng của mình.


Danh mục: Trình duyệt

Thư viện định dạng ngày tháng đơn giản Thư viện này có thể giúp bạn định dạng một đối tượng ngày tháng thành một chuỗi hay ngược lại một với cách cực kì đơn giản. Thư viện này hoạt động tương tự như lớp SimpleDateFormat trong ngôn ngữ Java; vì vậy sẽ không có khó khăn gì khi bạn sử dụng thư viện này nếu đã biết Java. Để biết thêm thông tin về cách sử dụng, bạn vui lòng đọc thêm tài liệu hướng dẫn do tác giả xây dựng.


Trình đơn định hướng xổ dọc Bạn có thể dùng đoạn mã JavaScript này sử dụng trình đơn xổ dọc để tạo chức năng định hướng cho các liên kết (khác) trên trang web. Mỗi khi người dùng nhấn chọn thì trình duyệt sẽ dẫn người dùng đến địa chỉ cụ thể tương ứng do bạn thiết lập. Một hiệu ứng JavaScript cực kì nhỏ gọn nhưng đầy hiệu quả với những trang web có quá nhiều chi tiết, cần phải tiết kiệm không gian.


Bảng tính có thể sắp xếp Một hiệu ứng JavaScript khá chi tiết và mạnh mẽ để thực hiện sắp xếp dữ liệu trong bảng tính. Để sắp xếp, người dùng chỉ cần nhấn vào nhãn cần thực hiện. Hiệu ứng có thực hiện việc sắp xếp đối với các dạng dữ liệu như: số, chuỗi, đơn vị tiền tệ, giá trị phần trăm, ngày tháng,...

Ngoài ra bạn có thể thử dùng các hiệu ứng JavaScript tương tự như: Sắp xếp bảng dữ liệu, Sắp xếp dữ liệu


Danh mục: Biểu mẫu

JavaScript theo ngày


Google Safe Browsing McAfee SiteAdvisor Norton SafeWeb Dr.Web