HomeCode tạo chữ chạy các kiểu
Saturday, 11 July 2015
Code tạo chữ chạy các kiểu
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 có ).
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à xong.
Đoạn mã code nhé
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 phong phú khác nhau.
Đoạn mã code nhé
<marquee>Nguyễn Tuấn's Blog</marquee>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ế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 phong phú khác nhau.
2. Chữ chạy ngang từ trái qua phải:
<marquee direction="right">Nguyễn Tuấn's Blog</marquee>
3. Chữ chạy từ trên xuống dưới:
<marquee direction="down">Nguyễn Tuấn's Blog</marquee>
4. Chữ chạy từ dưới lên trên:
<marquee direction="up">Nguyễn Tuấn's Blog</marquee>
5. Chữ chạy qua lại:
6. Chữ đứng, mũi tên 2 bên chạy ra vào:
<marquee behavior="alternate">Nguyễn Tuấn's Blog</marquee>
6. Chữ đứng, mũi tên 2 bên chạy ra vào:
<marquee behavior="alternate" width="10%">>></marquee>Nguyễn Tuấn's Blog<marquee behavior="alternate" width="10%"><< </marquee>Nguyễn Tuấn's Blog
7. Chữ chạy có màu nền:
<font ><marquee direction="left" style="background:orange">Nguyễn Tuấn's Blog</marquee></font>
8. Chữ chạy có khung xung quanh:
<marquee style="border:blue 2px SOLID">Nguyễn Tuấn's Blog</marquee>
9. Chữ chạy và biến mất:
<marquee behavior="alternate"><marquee width="150">Nguyễn Tuấn's Blog</marquee></marquee>
10. Chữ chạy ngang, rê chuột vào thì đứng, đưa chuột ra chạy tiếp:
11. Chữ chạy trên thanh tiêu đề
Chữ chạy trên thanh tiêu đề nhìn cũng rất hay. Để tạo được chữ chạy trên thanh tiêu đề các bạn làm theo các bước sau đây
- Vào Mẫu, chọn Chỉnh sửa HTML
- Bấm tổ hợp phím Ctrl+F để tìm đến mã </head>.
- Chèn đoạn mã code dưới đây vào trên thẻ </head> là được:
<script>
var txt="Bạn đặt chữ cần chạy ở đây nha";
var espera=150;
var refresco=null;
function rotulo_title() {
document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
refresco=setTimeout("rotulo_title()",espera);
}
rotulo_title();
</script>
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2">Nguyễn Tuấn's Blog</marquee>
11. Chữ chạy trên thanh tiêu đề
Chữ chạy trên thanh tiêu đề nhìn cũng rất hay. Để tạo được chữ chạy trên thanh tiêu đề các bạn làm theo các bước sau đây
- Vào Mẫu, chọn Chỉnh sửa HTML
- Bấm tổ hợp phím Ctrl+F để tìm đến mã </head>.
- Chèn đoạn mã code dưới đây vào trên thẻ </head> là được:
<script>
var txt="Bạn đặt chữ cần chạy ở đây nha";
var espera=150;
var refresco=null;
function rotulo_title() {
document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
refresco=setTimeout("rotulo_title()",espera);
}
rotulo_title();
</script>
Bài liên quan
f
ReplyDeleteCảm ơn bạn
ReplyDeleteHíhí
ReplyDelete