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>DoPhuQuy'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 khác nhau.
2. Chữ chạy ngang từ trái qua phải:
<marquee direction="right">DoPhuQuy's Blog</marquee>
3. Chữ chạy từ trên xuống dưới:
<marquee direction="down">DoPhuQuy's Blog</marquee>
4. Chữ chạy từ dưới lên trên:
<marquee direction="up">DoPhuQuy's Blog</marquee>
5. Chữ chạy qua lại:
<marquee behavior="alternate">DoPhuQuy's Blog</marquee>
6. Chữ đứng, mũi tên 2 bên chạy ra vào:
<marquee behavior="alternate" width="10%">>></marquee>DoPhuQuy's Blog<marquee behavior="alternate" width="10%"><< </marquee>DoPhuQuy's Blog
7. Chữ chạy có màu nền:
<font ><marquee direction="left" style="background:orange">DoPhuQuy's Blog</marquee></font>
8. Chữ chạy có khung xung quanh:
<marquee style="border:blue 2px SOLID">DoPhuQuy's Blog</marquee>
9. Chữ chạy và biến mất:
<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:
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2">DoPhuQuy's Blog</marquee>
(Bài viết Các đoạn mã tạo chữ chạy cũng là phần trả lời cho thắc mắc của bạn Bình An bên Yahoo)
- Bạn vào Mẫu, chọn Chỉnh sửa HTML
- Bạn bấm tổ hợp phím Ctrl+F để tìm đến mã </head>.
- Bạn chèn đoạn mã dưới đây vào trên </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>
Rất mong bạn giúp đỡ.
- Tạo chữ đậm: Bạn chèn cặp thẻ <b></b> bao quanh dòng chữ cần làm đậm. Ví dụ:
<marquee><b>DoPhuQuy's Blog</b></marquee>
- Tùy chỉnh font chữ, kích thước, màu chữ: Bạn chèn cặp thẻ <font></font> (kèm các thuộc tính trên) bao quanh dòng chữ. Ví dụ:
<marquee><font size="5" face="Arial" color="#FF0000">DoPhuQuy's Blog</font></marquee>
(size: kích thước chữ, face: font chữ, color: màu sắc chữ)
- Thay đổi tốc độ chạy: Bạn chèn thuộc tính scrollamount vào trong thẻ <marquee> đầu tiên. Ví dụ:
<marquee scrollamount="2">DoPhuQuy's Blog</marquee>
(Giá trị scrollamount càng lớn thì chữ chạy càng nhanh)
Mình muốn nhờ bạn chỉ giáo: Làm thế nào để cho liên kết đó chạy hết hình cuối rồi chạy tiếp ngay từ hình hình đầu như khi nó mới bắt đầu.
Nói hơi dài nhưng hy vọng là bạn hiểu rõ hơn vướng mắc của mình.
Rất mong bạn giúp.
Cảm ơn trước nhé.
Dưới đây là đoạn code tạo liên kết 4 banner chạy ngang liên tục (banner cuối cùng vừa khuất thì banner đầu tiên sẽ chạy ra lại), rê chuột lên banner thì sẽ dừng lại (thả chuột ra chạy tiếp). Đoạn code này mình muốn chia sẽ để bạn cũng như các bạn khác đang cần tìm đoạn code tương tự thì có thể tham khảo thêm:
<marquee onmouseover="this.stop()" onmouseout="this.start()" behavior="left"> <a href="URL_1" target="_blank" title="TENWEBSITE_1"> <img border="0" src="LINK_BANNER_1" width="200" height="90"/> </a> <a href="URL_2" target="_blank" title="TENWEBSITE_2"> <img border="0" src="LINK_BANNER_2" width="200" height="90"/> </a> <a href="URL_3" target="_blank" title="TENWEBSITE_3"> <img border="0" src="LINK_BANNER_3" width="200" height="90"/> </a> <a href="URL_4" target="_blank" title="TENWEBSITE_4"> <img border="0" src="LINK_BANNER_4" width="200" height="90"/> </a></marquee>
Bạn thay lại các giá trị tô đậm tương ứng:
+ URL: Là địa chỉ website
+ TENWEBSITE: Là tên website
+ LINK_BANNER: Link hình ảnh làm Banner
+ Ngoài ra, các giá trị border="0", width="200", height="90" lần lượt là độ dày đường viền bao quanh hình ảnh, chiều rộng banner, chiều cao banner.
Vậy nếu muốn thêm banner thứ 5,6,7... thì sao? Bạn chỉ việc thêm đoạn code tương tự dưới đây vào ngay trước thẻ đóng </marquee> rồi chỉnh sửa như trên là được:
<a href="URL_X" target="_blank" title="TENWEBSITE_X"> <img border="0" src="LINK_BANNER_X" width="200" height="90"/> </a>
<marquee onmouseover="this.stop()" onmouseout="this.start()" behavior="left" direction="up" width="200"> <a href="URL_1" target="_blank" title="TENWEBSITE_1"> <img border="0" src="LINK_BANNER_1" width="200" height="90"/> </a> <br/><a href="URL_2" target="_blank" title="TENWEBSITE_2"> <img border="0" src="LINK_BANNER_2" width="200" height="90"/> </a> <br/><a href="URL_3" target="_blank" title="TENWEBSITE_3"> <img border="0" src="LINK_BANNER_3" width="200" height="90"/> </a> <br/><a href="URL_4" target="_blank" title="TENWEBSITE_4"> <img border="0" src="LINK_BANNER_4" width="200" height="90"/> </a></marquee>
Cách thay thế giống Nhận xét 12 trên nhé!
Ngoài ra, nếu bạn muốn thêm 1 liên kết banner khác thì bạn chỉ việc chèn đoạn code dưới đây và ngay trước thẻ đóng </marquee>:
<br/><a href="URL_X" target="_blank" title="TENWEBSITE_X"> <img border="0" src="LINK_BANNER_X" width="200" height="90"/> </a>
Thân
Mà mình nghĩ nó đã cấm cho chèn link vào bài viết thì việc tạo link dạng anchor text "xem tại đây" có gì khác nhau đâu bạn!?
Rất cảm ơn vì bạn đã lưu tâm.
Bạn có thể sử dụng 1 số dịch vụ forum miễn phí (như eazy.vn chẳng hạn) để tham khảo, làm quen trước...
Khi bạn đã tự đặt ra được câu hỏi về mã nguồn diễn đàn này thì mình sẽ giúp, mọi câu hỏi về phpBB mình đều có thể giải quyết!
Cảm ơn bạn đã nhiệt tình và tận tâm.
tks
mình tính làm theo thời gian, nhưng ko đc thì hết cách :(
<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right">DoPhuQuy's Blog</marquee></marquee>
<marquee scrollamount="2" >DoPhuQuy's Blog</marquee>
Bạn hãy thay đổi giá trị 2 thành giá trị khác để tăng giảm tốc độ chạy nhé!
bo len blog thi duoc.
mình thử rất nhiều lần nhưng ko được hixhix xin chỉ giúp vs?
LH 0909119315 hoac yahoo chet.chamhet
cam on anh
Trước tiên xin cám ơn bạn đã có lòng giúp những người chơi blog nghiệp dư.
Nếu có thể bạn hướng dẫn tôi chỉnh sử cỡ chữ, màu chữ chạy theo ý muốn cho phù hợp với blog của mình được không?
Nếu được bạn ghi ngay dưới phần trả lời này nhé.
Xin cám ơn!
Mình muốn cho chữ chạy kiểu như thế này thì làm thế nào ạ:
Demo: http://www.skindoctors.com.vn/
Phần sản phẩm bán chạy hay sản phẩm mới. Chữ chạy 1 loạt, rồi đổi 1 loạt, không phải loại chạy đều đều
cảm ơn bạn về những chia sẻ trên rất hữu ích.
hôm nay mình có thắc mắc nhờ bạn giúp, minh muốn chạy chữ theo thứ tự, như các câu chú thích khác nhau, câu trước chạy hết, mới đến câu sau vậy, và khi mình di chuột vào nó dừng đoạn chữ đang chạy để người xem rồi buông chuột ra thì chạy tiếp. Mong nhận được sự phản hồi của bạn. Thank You !
<marquee style="font-size: 20px;font-weight:bold">DoPhuQuy's Blog</marquee>
(20px là kích thước của chữ đó bạn)
<marquee style="color: #e01515; font-size: 20px;">DoPhuQuy's Blog</marquee>
ví dụ chạy như sau
thông báo tin nhắn 1 thông báo tin nhắn 2