Xin chào các bạn! Bài viết này là tổng hợp các đoạn mã mà mình đã tổng hợp lại dùng để tạo các kiểu chữ chạy khác nhau trên web/blog. Hướng dẫn này cũng có khá nhiều bài viết chia sẽ trên mạng rồi, nhưng mình cũng cố gắng tổng hợp lại và hướng dẫn chi tiết để các bạn thực hiện 1 cách dễ dàng nhất.
Xin lưu ý các bạn, các đoạn mã này chỉ hoạt động trên các trình soạn thảo văn bản có hỗ trợ ngôn ngữ HTML thôi nhé (Mình thấy đa phần trình soạn thảo trên các hệ thống Blog miễn phí đều hỗ trợ HTML, riêng diễn đàn hầu như là không).
Đoạn mã:
Kết quả:
Lưu ý quan trọng: Thẻ marquee phía sau lúc nào cũng phải có dấu "/" ngay trước nhé nó được gọi là thẻ đóng theo nghĩa chuyên ngành, nếu không sẽ bị lỗi chạy cả bài viết luôn đó. Chú ý điều này là được!
Từ đoạn mã cơ bản ở trên, chúng ta đặt các thuộc tính khác nhau vào trong thẻ marquee để tạo dòng chữ chạy với nhiều kiểu khác nhau.
www.traitimit.com
Trên đây là các kiểu chữ khác nhau mà các bạn có thể áp dụng cho trang web hay blog của mình các bạn có thể tùy biến nó để sử dụng một cách tốt hơn cho nhiều mục đích khác nhau
VD: các bạn có thể chèn vào đoạn code hiển thị quảng cáo logo hoặc hiển thị danh mục sản phẩm gần nhất chạy ngang hay sản phẩm cùng loại...vv
Chúc các bạn áp dụng thành công!
Xin lưu ý các bạn, các đoạn mã này chỉ hoạt động trên các trình soạn thảo văn bản có hỗ trợ ngôn ngữ HTML thôi nhé (Mình thấy đa phần trình soạn thảo trên các hệ thống Blog miễn phí đều hỗ trợ HTML, riêng diễn đàn hầu như là không).
1. Chữ chạy ngang từ phải qua trái
Đây là đoạn mã cơ bản nhất, bạn chỉ việc để dòng chữ cần cho chạy vào giữa 2 thẻ MARQUEE là được.Đoạn mã:
<marquee >www.traitimit.com</marquee>
Lưu ý quan trọng: Thẻ marquee phía sau lúc nào cũng phải có dấu "/" ngay trước nhé nó được gọi là thẻ đóng theo nghĩa chuyên ngành, nếu không sẽ bị lỗi chạy cả bài viết luôn đó. Chú ý điều này là được!
Từ đoạn mã cơ bản ở trên, chúng ta đặt các thuộc tính khác nhau vào trong thẻ marquee để tạo dòng chữ chạy với nhiều kiểu khác nhau.
2. Chữ chạy ngang từ trái qua phải:
<marquee direction="right">www.traitimit.com</marquee>
3. Chữ chạy từ trên xuống dưới:
<marquee direction="down">www.traitimit.com</marquee>
4. Chữ chạy từ dưới lên trên:
<marquee direction="up">www.traitimit.com</marquee>
5. Chữ chạy qua lại:
<marquee behavior="alternate">www.traitimit.com</marquee>
6. Chữ đứng, mũi tên 2 bên chạy ra vào:
<marquee behavior="alternate" width="10%">>></marquee>www.traitimit.com<marquee behavior="alternate" width="10%"><< </marquee>
7. Chữ chạy có màu nền:
<font ><marquee direction="left" style="background:pink">www.traitimit.com</marquee></font>
8. Chữ chạy có khung xung quanh:
<marquee style="border:blue 2px SOLID">www.traitimit.com</marquee>
9. Chữ chạy và biến mất:
<marquee behavior="alternate"><marquee width="150">wwww.traitimit.com</marquee></marquee>
10. Chữ chạy ngang, rê chuột vào thì đứng, đưa chuột ra chạy tiếp:
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2">www.traitimit.com</marquee>
Trên đây là các kiểu chữ khác nhau mà các bạn có thể áp dụng cho trang web hay blog của mình các bạn có thể tùy biến nó để sử dụng một cách tốt hơn cho nhiều mục đích khác nhau
VD: các bạn có thể chèn vào đoạn code hiển thị quảng cáo logo hoặc hiển thị danh mục sản phẩm gần nhất chạy ngang hay sản phẩm cùng loại...vv
Chúc các bạn áp dụng thành công!
0 comments so far,add yours