2012-09-10 21 views
7

Tôi muốn có một tờ tin tức cuộn từ phải sang trái, thật dễ dàng để thêm một mục xóa.Cách tạo một tờ tin tức

Sẽ rất lý tưởng nếu tôi có thể sử dụng jQuery hoặc JavaScript thô nếu tôi có.

Có plugin jQuery hoặc cách tôi có thể nhận được một tin tức không?

Sau khi nghiên cứu, tôi đã nhận thấy rằng rất nhiều người trong số họ cuộn từ trên xuống dưới và không phải từ phải sang trái.

Điểm của bản tin là dễ dàng để thêm hoặc xóa các mục và khi bạn di chuột, ticker dừng lại và sau đó tiếp tục khi chuột không kết thúc.

Cập nhật

Tôi vừa tìm thấy liScroll - http://www.gcmingati.net/wordpress/wp-content/lab/jquery/newsticker/jq-liscroll/scrollanimate.html

http://htmlmarquee.com/ trông khá tốt quá

Trả lời

8

Nếu bạn cần một chức năng như Ticker, có thể từ trái sang phải hoặc từ trên xuống dưới, bạn có thể đơn giản sử dụng thẻ html marquee. Sử dụng hoặc để cập nhật nội dung động khi bạn nạp dữ liệu thoải mái.

Bạn cũng có thể thay đổi hành vi chuyển động của nó với onmouseoveronmouseout sự kiện, như

<marquee behavior="scroll" direction="right" 
 
     onmouseover="this.stop();" 
 
     onmouseout="this.start();"> 
 
      Hover to stop! 
 
    </marquee>

Bạn có thể chơi với điều này tại htmlmarquee.com. Kiểm tra nó.
Bạn có thể xem các tùy chọn khả dụng khác cho điều khiển chuyển động here.

+0

Tôi sẽ phải thử. Cảm ơn! – user1658756

+0

Theo MDN "Tính năng này đã lỗi thời. Mặc dù vẫn có thể hoạt động trong một số trình duyệt, việc sử dụng nó không được khuyến khích vì nó có thể bị xóa bất kỳ lúc nào. Hãy cố gắng tránh sử dụng nó." Https://developer.mozilla.org/vi -US/docs/Web/HTML/Element/marquee – Mehmet

+0

@Mehmet phương án thay thế là gì? – mtk

0

Bạn đã thử jQuery News Ticker?

+1

Nó hơi khác so với những gì tôi muốn. jQuery News Ticker bắt đầu gõ tin tức, tôi muốn nếu họ đã di chuyển từ phải sang trái. – user1658756

5

Mặc dù <marquee> -nội dung, theo đề xuất của mtk, sẽ hoạt động ở hầu hết các trình duyệt, không phải HTML chuẩn và không được sử dụng, nếu tuân thủ các tiêu chuẩn là một vấn đề. Sau đó, bạn nên sử dụng các kiểu appropriate CSS!

Sau đó, bạn có thể đặt nội dung của mình vào hầu hết mọi phần tử HTML và chỉ cần "di chuyển" nó theo ý muốn.

Các vấn đề liên quan