You are not connected. Please login or register

Xem chủ đề cũ hơnXem chủ đề mới hơnGo down Thông điệp [Trang 1 trong tổng số 1 trang]

Tin Học Văn Phòng
Hạ sĩ
Tin Học Văn Phòng

Hạ sĩ
Bài viết : 25
Ngày gia nhập : 03/07/2015
Dưới đây là tổng hợp các đoạn mã 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).
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.
Kết quả:
DoPhuQuy's Blog
Đoạn mã:
Code:
<marquee>DoPhuQuy's Blog</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ế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:
DoPhuQuy's Blog
Code:
<marquee direction="right">DoPhuQuy's Blog</marquee>



3. Chữ chạy từ trên xuống dưới:
DoPhuQuy's Blog

Code:
<marquee direction="down">DoPhuQuy's Blog</marquee>


4. Chữ chạy từ dưới lên trên:
DoPhuQuy's Blog
Code:
<marquee direction="up">DoPhuQuy's Blog</marquee>


5. Chữ chạy qua lại:
DoPhuQuy's Blog
Code:
<marquee behavior="alternate">DoPhuQuy's Blog</marquee>



6. Chữ đứng, mũi tên 2 bên chạy ra vào:
>>DoPhuQuy's Blog<<

Code:
<marquee behavior="alternate" width="10%">>></marquee>DoPhuQuy's Blog<marquee behavior="alternate" width="10%"><< </marquee>


7. Chữ chạy có màu nền:
DoPhuQuy's Blog

Code:
<font ><marquee direction="left" style="background:orange">DoPhuQuy's Blog</marquee></font>



8. Chữ chạy có khung xung quanh:
DoPhuQuy's Blog

Code:
<marquee style="border:blue 2px SOLID">DoPhuQuy's Blog</marquee>



9. Chữ chạy và biến mất:
DoPhuQuy's Blog

Code:
<marquee behavior="alternate"><marquee width="150">DoPhuQuy's Blog</marquee></marquee>



10. Chữ chạy ngang, rê chuột vào thì đứng, đưa chuột ra chạy tiếp:
DoPhuQuy's Blog

Code:
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2">DoPhuQuy's Blog</marquee>


Nguồn bài viết Sưu tầm

Ngọc Trân
Thiếu úy
Ngọc Trân

Thiếu úy
Bài viết : 107
Ngày gia nhập : 02/10/2014
cheers

Xem chủ đề cũ hơnXem chủ đề mới hơnVề Đầu Trang Thông điệp [Trang 1 trong tổng số 1 trang]

Permissions in this forum:
Bạn không có quyền trả lời bài viết

 





Diễn đàn Hoa Phượng
Powered by FM® Phiên bản PunBB
Bản quyền © 2014 Forumotion, All rights reserved.
Bản quyền 2014 Đối với Diễn đàn Hoa Phượng
Ban QT Forum không chịu trách nhiệm từ nội dung bài viết của thành viên.
Hiển thị tốt nhất với trình duyệt Firefox Google Chrome độ phân giải 1024x768.