google+javascriptbanktwitter@js_bankfacebook@jsbankrss@jsbank






Tạo CSS bằng JavaScript Thông thường để thêm mã trang trí CSS, các nhà phát triển web thường để trong cặp thẻ hoặc , nhưng với đoạn mã JavaScript này, chúng ta có thể đặt mã CSS trong khu vực khai báo JavaScript mà trình duyệt vẫn hiểu. Tuy có hơi rắc rối hơn so với cách khai báo CSS kiểu thông thường, nhưng dù sao đây cũng là một trong những cách làm web.


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.


Danh mục: Trình Ä‘Æ¡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.


Danh mục: Liên kết,

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ả.


Danh mục: Hình ảnh,

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,

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.


Danh mục: Tính toán,

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.


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.


Danh mục: Thời gian,

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.


Danh mục: Trình Ä‘Æ¡n,

Ứng dụng AI Video.com
Tạo video doanh nghiệp của bạn bằng AI chỉ với giọng nói hoặc văn bản

chatGPTaz.com
Nói chuyện với ChatGPT bằng ngôn ngữ mẹ đẻ của bạn

Ứng dụng AI Video
Ứng dụng video AI MIỄN PHÍ đầu tiên của bạn

Deepfake Video
Deepfake AI Video Maker

Deepfake
Deepfake AI Video Maker

AI Deep Fake
Deepfake AI Video Maker

AIvidio
AI Video Mobile Solutions

AIvideos
AI Video Platform & Solutions

AIvedio
AI Video App Maker

Artificial General Intelligence
Ai and higher level Artificial General Intelligence (AGI)

Artificial General Intelligence
Ai and higher level Artificial General Intelligence (AGI)

Faceswap AI trực tuyến
Đổi mặt Video, Ảnh & GIF ngay lập tức với Công cụ AI mạnh mẽ - Faceswap AI Trực tuyến MIỄN PHÍ

Faceswap AI trực tuyến
Đổi mặt Video, Ảnh & GIF ngay lập tức với Công cụ AI mạnh mẽ - Faceswap AI Trực tuyến MIỄN PHÍ

Faceswap AI trực tuyến
Đổi mặt Video, Ảnh & GIF ngay lập tức với Công cụ AI mạnh mẽ - Faceswap AI Trực tuyến MIỄN PHÍ

Powerful AI Presentation PPT Maker for FREE
Build an impressive presentation with our free online AI presentation app

Your next top AI Assistant
Claude AI, developed by Anthropic

Your next top AI Assistant
Claude AI, developed by Anthropic

Temu tặng $500 cho người dùng mới
Claim Free Temu $500 Credit via Affiliate & Influencer Program

Tín dụng quảng cáo TikTok miễn phí
Làm chủ quảng cáo TikTok cho hoạt động tiếp thị doanh nghiệp của bạn

Dall-E-OpenAI.com
Tự động tạo ra hình ảnh sáng tạo với AI

chatGPT4.win
Nói chuyện với ChatGPT bằng ngôn ngữ mẹ đẻ của bạn

Sản phẩm AI đầu tiên của Elon Musk - Grok/UN.com
Nói chuyện với Grok AI Chatbot bằng ngôn ngữ của bạn

Công cụ.win
Mở trung tâm công cụ miễn phí để mọi người sử dụng với hàng trăm công cụ

GateIO.gomymobi.com
Airdrop miễn phí để nhận, chia sẻ lên đến 150.000 đô la cho mỗi dự án

iPhoneKer.com
Tiết kiệm tới 630$ khi mua iPhone 16 mới

Mua Robot Tesla Optimus
Đặt mua Tesla Bot: Robot Optimus Gen 2 ngay hôm nay với giá dưới 20.000 đô la

JavaScript theo ngày


Google Safe Browsing McAfee SiteAdvisor Norton SafeWeb Dr.Web