Một bit hay của JS hoặc JQuery cho mã tin tức cuộn ngang là gì

Question

Tôi đang tìm một chút JQuery hoặc JS cho phép tôi tạo danh sách "ticker tin tức" cuộn theo chiều ngang.

HTML được tạo cũng cần phải tuân thủ các tiêu chuẩn.

Tôi đã thử liScroll nhưng điều này có thói quen phá vỡ (một số nội dung kết thúc trên dòng thứ hai ở đầu cuộn), đặc biệt là với danh sách dài hơn.

Tôi cũng đã thử this News Ticker nhưng khi DOCTYPE được bao gồm, thao tác cuộn sẽ rung lắc hơn là chu kỳ thông suốt vào cuối mỗi chu kỳ.

Mọi đề xuất đều được đánh giá cao.

Sửa

Vì vậy, nhờ gợi ý Matt Hinze của tôi nhận ra tôi có thể làm những gì tôi muốn làm với JQuery animate (Tôi yêu cầu di chuyển liên tục không rời rạc di chuyển giống như ví dụ). Tuy nhiên, tôi nhanh chóng chạy vào các vấn đề tương tự với những vấn đề mà tôi đã gặp phải với liScroll và sau khi tất cả những gì nhận ra một vấn đề CSS (như mọi khi) đều có trách nhiệm.

Giải pháp: liScroll - thay đổi mặc định 'var stripWidth = 0' thành khoảng 100, để tạo khoảng trống nhỏ và tránh gói dòng mới.

Answer 1

mượt Div Scroll cũng có thể được sử dụng như một ticker news/mã cổ phiếu. Nó có thể tạm dừng trên chuột hoặc di chuột xuống và nó có thể lặp vô tận nếu bạn muốn.

Dưới đây là ví dụ với một ticker chạy: http://www.maaki.com/

Answer 2

http://www.emrecamdere.com/news_scroller_jquery.html

Answer 3

Dưới đây là 2 giải pháp khác mà có vẻ hơi đơn giản để thực hiện:

1. newsticker
2. News ticker (BBC style)

Answer 4

Một giải pháp thay thế cũng sẽ là jQuery webTicker; nó tương tự như liscroll tuy nhiên giải quyết vấn đề với ticker dừng lại sau khi toàn bộ danh sách hoàn thành; trong khi cũng thêm một số tính năng ưa thích mới như; Hướng di chuyển; tốc độ; và khả năng sử dụng nhiều mã trên mỗi trang.

Answer 5

Dòng lỗi thứ hai phát sinh trong liscroll có thể được "cố định" bằng cách thêm một listitem chứa một không gian entitiy <li>&nbsp;</li> ở phần cuối của mỗi danh sách không vỡ;)