Chắc bạn không xa lạ với hiệu ứng dòng chữ chạy. Dòng chữ chạy xuất hiện rất nhiều trong đời sống, ví dụ như trong chương trình thời sự, trên các biển quảng cáo, ... Dòng chữ chạy trên web cũng như vậy. Một dòng chữ chạy trong HTML là một phần cuốn văn bản được hiển thị dọc theo chiều ngang hay dọc theo chiều dọc trang của bạn phụ thuộc vào các thiết lập. Nó được tạo ra bằng cách sử dụng thẻ
Ghi chú: Thẻ này có thể không được hỗ trợ bởi khá nhiều trình duyệt vì thế chúng tôi đề nghị bạn không nên tin tưởng vào thẻ này. Thay vào đó, bạn có thể sử dụng JavaScript và CSS để tạo ra các hiệu ứng như trên.Cú pháp của thẻ marquee trong HTML
Cú pháp đơn giản để sử dụng thẻ như sau:________0Các thuộc tính của thẻ trong HTMLBảng dưới đây liệt kê các thuộc tính quan trọng có thể được sử dụng với thẻ .Thuộc tínhMiêu tảwidthXác định độ rộng của dòng chạy. Giá trị có thể là 10 hoặc 20% ...heightXác định chiều cao của dòng chạy. Giá trị có thể là 10 hoặc 20% ...directionXác định chiều hướng mà marquee sẽ được cuốn. Giá trị có thể là up, down, left, hoặc right.behaviorXác định kiểu cuộn của dòng chạy. Giá trị có thể là scroll, slide và alternate.scrolldelayXác định khoảng thời gian dừng lại khi xong một lần cuốn. Giá trị có thể là 10….scrollamountXác định tốc độ của dòng chạy. Giá trị có thể là 10….loopXác định khoảng thời gian của vòng lặp. Giá trị mặc định là INFINITE, nghĩa là các marquee lặp đi lặp lại vô hạn.bgcolorXác định màu nền, sử dụng tên màu hoặc giá trị thập lục phân của màu.hspaceXác định khoảng cách chiều ngang của dòng chạy. Giá trị có thể là 10 hoặc 20% ...vspaceXác định khoảng cách dọc của dòng chạy. Giá trị có thể là 10 hoặc 20% ...Dưới đây là một số ví dụ tập trung vào cách sử dụng thẻ marquee trong HTML.Ví dụ - 1________1Nó sẽ tạo ra kết quả là:Hoc HTML tai Hoclaptrinh - Vi du cach su dung the marquee.Ví dụ - 2________2Đoạn mã trên tạo kết quả sau:Hoc HTML tai Hoclaptrinh - Vi du cach su dung the marquee (width=50%)Ví dụ - 3________3Kết quả là:Hoc HTML tai Hoclaptrinh.vn - Vi du cach su dung the marquee (direction="right")Ví dụ - 4________4Dưới đây là kết quả khi chạy đoạn code trên:Hoc HTML tai Hoclaptrinh.vn - Vi du cach su dung the marquee (direction="up") Ghi chú: Thẻ này có thể không được hỗ trợ bởi khá nhiều trình duyệt vì thế bạn không nên tin tưởng vào thẻ này. Thay vào đó, bạn có thể sử dụng JavaScript và CSS để tạo ra các hiệu ứng như trên. Để cho website hay blog của mình sinh động hơn, một số bạn dùng các chữ scroller theo nhiều kiểu khác nhau. Vì muốn giúp cho các bạn mới làm quen với website hay blog có thể tạo các hiệu ứng chữ chạy, mình giới thiệu đến các bạn code Javascript giúp cho các đoạn text chạy theo kiểu đánh máy(Typing). Các bạn coppy đoạn code bên dưới rồi sửa đoạn text thành nội dung của riêng mình nhé. Demo:Code:<!-- begin
var max=0;
function textlist()
{
max=textlist.arguments.length; for (i=0; i<max; i++) this[i]=textlist.arguments[i];
}
tl=new textlist
(
"Welcome to JavaScript Kit!" // Geben Sie hier den zu scrollenden Text ein
);
var x=0; pos=0;
var l=tl[0].length;
function textticker()
{
document.tickform.tickfield.value=tl[x].substring(0,pos)+"_";
if(pos++==l)
{
pos=0;
setTimeout("textticker()",1000);
x++;
if(x==max)
x=0;
l=tl[x].length;
} else
setTimeout("textticker()",50);
}
// end -->
</script>
<script LANGUAGE="JavaScript">
<!--
document.write("<FORM NAME=\"tickform\">");
document.write("<INPUT TYPE=\"TEXT\" NAME=\"tickfield\" SIZE=\"30\">"); // Bei SIZE können Sie die Größe des Feldes ändern
document.write("</FORM>");
textticker();
//-->
</script>
Chắc bạn không xa lạ với hiệu ứng dòng chữ chạy. Dòng chữ chạy xuất hiện rất nhiều trong đời sống, ví dụ như trong chương trình thời sự, trên các biển quảng cáo, ... Dòng chữ chạy trên web cũng như vậy. Một dòng chữ chạy trong HTML là một phần cuốn văn bản được hiển thị dọc theo chiều ngang hay dọc theo chiều dọc trang của bạn phụ thuộc vào các thiết lập. Nó được tạo ra bằng cách sử dụng thẻ <marquees>.Ghi chú: Thẻ <marquee> này có thể không được hỗ trợ bởi khá nhiều trình duyệt vì thế chúng tôi đề nghị bạn không nên tin tưởng vào thẻ này. Thay vào đó, bạn có thể sử dụng JavaScript và CSS để tạo ra các hiệu ứng như trên.Cú pháp của thẻ marquee trong HTML
Cú pháp đơn giản để sử dụng thẻ <marquee> như sau:
<marquee tên-thuộc-tính="giá-trị-thuộc-tính".... các-thuộc-tính-khác>
một hoặc nhiều dòng text hoặc hình ảnh
</marquee>
Quảng cáo
Các thuộc tính của thẻ <marquee> trong HTML
Bảng dưới đây liệt kê các thuộc tính quan trọng có thể được sử dụng với thẻ <marquee>.
Thuộc tínhMiêu tảwidthXác định độ rộng của dòng chạy. Giá trị có thể là 10 hoặc 20% ...heightXác định chiều cao của dòng chạy. Giá trị có thể là 10 hoặc 20% ...directionXác định chiều hướng mà marquee sẽ được cuốn. Giá trị có thể là up, down, left, hoặc right.behaviorXác định kiểu cuộn của dòng chạy. Giá trị có thể là scroll, slide và alternate.scrolldelayXác định khoảng thời gian dừng lại khi xong một lần cuốn. Giá trị có thể là 10….scrollamountXác định tốc độ của dòng chạy. Giá trị có thể là 10….loopXác định khoảng thời gian của vòng lặp. Giá trị mặc định là INFINITE, nghĩa là các marquee lặp đi lặp lại vô hạn.bgcolorXác định màu nền, sử dụng tên màu hoặc giá trị thập lục phân của màu.hspaceXác định khoảng cách chiều ngang của dòng chạy. Giá trị có thể là 10 hoặc 20% ...vspaceXác định khoảng cách dọc của dòng chạy. Giá trị có thể là 10 hoặc 20% ...Dưới đây là một số ví dụ tập trung vào cách sử dụng thẻ marquee trong HTML.
Ví dụ - 1
<!DOCTYPE html>
<html>
<head>
<title>Vi du the marquee trong HTML</title>
</head>
<body>
<marquee>Hoc HTML tai VietJack - Vi du cach su dung the marquee.</marquee>
</body>
</html>
Nó sẽ tạo ra kết quả là:
Hoc HTML tai VietJack - Vi du cach su dung the marquee.
Quảng cáo
Ví dụ - 2
<!DOCTYPE html>
<html>
<head>
<title>Vi du the marquee trong HTML</title>
</head>
<body>
<marquee width="50%">Hoc HTML tai VietJack - Vi du cach su dung the marquee (width=50%)</marquee>
</body>
</html>
Đoạn mã trên tạo kết quả sau:
Hoc HTML tai VietJack - Vi du cach su dung the marquee (width=50%)
Ví dụ - 3
<!DOCTYPE html>
<html>
<head>
<title>Vi du the marquee trong HTML</title>
</head>
<body>
<marquee direction="right">Hoc HTML tai VietJack - Vi du cach su dung the marquee (direction="right")</marquee>
</body>
</html>
Kết quả là:
Hoc HTML tai VietJack - Vi du cach su dung the marquee (direction="right")
Ví dụ - 4
<!DOCTYPE html>
<html>
<head>
<title>Vi du the marquee trong HTML</title>
</head>
<body>
<marquee direction="up">Hoc HTML tai VietJack - Vi du cach su dung the marquee (direction="up")</marquee>
</body>
</html>
Dưới đây là kết quả khi chạy đoạn code trên:
Hoc HTML tai VietJack - Vi du cach su dung the marquee (direction="up")
Đã có app VietJack trên điện thoại, giải bài tập SGK, SBT Soạn văn, Văn mẫu, Thi online, Bài giảng....miễn phí. Tải ngay ứng dụng trên Android và iOS.
Follow fanpage của team https://www.facebook.com/vietjackteam/ hoặc facebook cá nhân Nguyễn Thanh Tuyền https://www.facebook.com/tuyen.vietjack để tiếp tục theo dõi các loạt bài mới nhất về Java,C,C++,Javascript,HTML,Python,Database,Mobile.... mới nhất của chúng tôi.
Bài học HTML phổ biến khác tại vietjack.com:
- HTML - Comment
- HTML - Hình ảnh
- HTML - Tạo bảng
- HTML - Tạo danh sách
- HTML - Thiết lập Background
- HTML - Thiết lập màu
- HTML - Thiết lập Font
- HTML - Form trong HTML
Trang trước
PDF
Trang sau
Bài viết liên quan
160 bài học ngữ pháp tiếng Anh hay nhất
155 bài học Java tiếng Việt hay nhất
100 bài học Android tiếng Việt hay nhất
247 bài học CSS tiếng Việt hay nhất
197 thẻ HTML cơ bản
297 bài học PHP
101 bài học C++ hay nhất
97 bài tập C++ có giải hay nhất
208 bài học Javascript có giải hay nhất
Học cùng VietJack
Trang web chia sẻ nội dung miễn phí dành cho người Việt.
Lớp 1-2-3 Lớp 4 Lớp 5 Lớp 6 Lớp 7 Lớp 8 Lớp 9 Lớp 10 Lớp 11 Lớp 12 Lập trình Tiếng Anh
Chính sách
Chính sách bảo mật
Hình thức thanh toán
Chính sách đổi trả khóa học
Chính sách hủy khóa học
Tuyển dụng
Liên hệ với chúng tôi
Tầng 2, số nhà 541 Vũ Tông Phan, Phường Khương Đình, Quận Thanh Xuân, Thành phố Hà Nội, Việt Nam
Phone: 084 283 45 85
Email: [email protected]
CÔNG TY TNHH ĐẦU TƯ VÀ DỊCH VỤ GIÁO DỤC VIETJACK
Người đại diện: Nguyễn Thanh Tuyền
Số giấy chứng nhận đăng ký kinh doanh: 0108307822, ngày cấp: 04/06/2018, nơi cấp: Sở Kế hoạch và Đầu tư thành phố Hà Nội.
