by Lục Đức Thành
Cuộn tin tự động là một hiệu ứng khá đơn giản mà hiệu quả cho các trang tin tức. Hôm nay MyLớp.edu.vn sẽ hướng dẫn bạn cách tạo ra hiệu ứng này bằng cách sử dụng một plugin của jQuery có tên là vTicker để tự động cuộn tin lên xuống theo chiều dọc (News Ticker).
News Ticker, tạo khối cuộn tin tự động bằng jQuery
View Demo Download Files
Bước 1) Tạo tài liệu HTML. Trong thẻ , chèn khối tin vào vị trí mong muốn theo cấu trúc sau:
HTML Code:
-
1) Lorem ipsum dolor sit amet, porta at, imperdiet id neque. more info
-
2) Lorem ipsum dolor sit amet, consectetur adipiscing elit. more info
-
3) Lorem ipsum dolor sit amet more info more info more info more info
-
4) jugbit.com jquery vticker more info more info more info more info more info
news-container là tên của khối bao phía ngoài. Để đạt kết quả đúng như ý muốn, hãy đặt nội dung các tin vào bên trong thẻ
bên dưới thẻ
mà không đặt trực tiếp ngay dưới thẻ
Bước 2) Tạo Style cho khối tin. Chèn đoạn code CSS sau trong phần của tài liệu HTML (trong thẻ