Cách Tạo Dòng Creeping Trong Html

Mục lục:

Cách Tạo Dòng Creeping Trong Html
Cách Tạo Dòng Creeping Trong Html

Video: Cách Tạo Dòng Creeping Trong Html

Video: Cách Tạo Dòng Creeping Trong Html
Video: Hiệu ứng cố định header khi cuộn trang bằng html css jquery | Unitop.vn 2024, Có thể
Anonim

Các nhà thiết kế web sử dụng nhiều hiệu ứng khác nhau để trang trí các trang mà họ tạo ra. Một trong những hiệu ứng này là một dòng thu hút sự chú ý của người dùng và khiến anh ta đọc văn bản.

Cách tạo dòng creeping trong html
Cách tạo dòng creeping trong html

Nó là cần thiết

trình soạn thảo html

Hướng dẫn

Bước 1

Để làm việc với HTML, bạn cần một trình soạn thảo html, chẳng hạn như СuteHTML. Bạn có thể tải về phiên bản portable không cần cài đặt của nó từ liên kết ở cuối bài viết. Trình soạn thảo này có tính năng đánh dấu cú pháp và rất thuận tiện cho việc học các kiến thức cơ bản về HTML.

Bước 2

Mở trình chỉnh sửa và viết mã này giữa các thẻ: Tôi nhớ một khoảnh khắc tuyệt vời: Bạn xuất hiện trước tôi, Như một tầm nhìn thoáng qua, Như một thiên tài với vẻ đẹp thuần khiết.

Bước 3

Nhấp vào biểu tượng Xem trong trình duyệt (kính lúp trên nền quả địa cầu) trong trình chỉnh sửa mã. Trình duyệt mặc định sẽ mở ra, bạn sẽ thấy những bài thơ của Pushkin ở dòng đang chạy. Bây giờ hãy xem kỹ ví dụ trên. Thẻ marquee là thẻ thu thập thông tin. Các thông số chiều cao và chiều rộng thiết lập chiều cao và chiều rộng của hộp dòng, bgcolor xác định màu nền, trong trường hợp này là màu trắng. Thay thế màu xanh lá cây cho màu trắng và nền đường sẽ chuyển sang màu xanh lục. Thử nghiệm với màu sắc, chiều rộng và chiều cao của lề hàng.

Bước 4

Bạn có thể chỉ định các tham số bổ sung cho chuyển động của dòng bằng tham số BEHAVIOR. Ví dụ, thay đổi thẻ mã mở như sau: Bắt đầu xem trước trong trình chỉnh sửa - bây giờ văn bản sẽ di chuyển từ một bên của hộp dòng sang bên kia và quay lại.

Bước 5

Bạn có thể đặt hướng di chuyển của dòng cuộn bằng cách sử dụng tham số DIRECTION = "..", thay thế các giá trị sau vào nó: left - dòng di chuyển sang trái. right - dòng chuyển sang bên phải. lên - từ dưới lên trên. xuống - từ trên xuống dưới.

Bước 6

Hãy thử thay đổi kích thước văn bản bằng cách đặt nó trong thẻ Văn bản. Trong ví dụ này, kích thước văn bản là 5. Bạn cũng có thể thay đổi màu của nó bằng cách sử dụng thẻ Văn bản. Trong ví dụ này, văn bản sẽ có màu đỏ.

Đề xuất: