Pertanyaan Apa yang baik sedikit JS atau JQuery untuk ticker berita horizontal bergulir


Saya mencari sedikit JQuery atau JS yang memungkinkan saya untuk menghasilkan daftar "news ticker" yang bergulir secara horizontal.

HTML yang dihasilkan harus sesuai standar juga.

saya telah mencoba liScroll tetapi ini memiliki kebiasaan melanggar (beberapa konten berakhir di baris kedua di awal gulir), terutama dengan daftar yang lebih panjang.

Saya juga sudah mencoba News Ticker ini tetapi ketika DOCTYPE disertakan, pengguliran akan berguncang daripada siklus lancar di akhir setiap siklus.

Ada saran yang dihargai.

Edit

Jadi berkat saran Matt Hinze, saya menyadari bahwa saya dapat melakukan apa yang ingin saya lakukan dengan animate JQuery (saya memerlukan pengguliran terus menerus bukan pengguliran diskrit seperti contoh). Namun, saya dengan cepat mengalami masalah yang sama dengan yang saya alami dengan liScroll dan setelah semua yang menyadari masalah CSS (seperti biasa) bertanggung jawab.

Solusi: liScroll - ubah default 'var stripWidth = 0' menjadi sesuatu seperti 100, untuk memberikan sedikit ruang dan menghindari pembungkus garis baru.


5
2017-09-03 01:33


asal


Jawaban:


Smooth Div Scroll juga dapat digunakan sebagai ticker berita / stock ticker. Ini dapat berhenti pada mouse di atas atau mouse ke bawah dan dapat loop tanpa henti jika Anda menginginkannya.

Ini Contoh dengan ticker yang berjalan.


5
2018-05-14 19:24



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


3
2017-09-03 02:11



Berikut 2 solusi lain yang tampaknya lebih sederhana untuk diterapkan:

  1. newsticker
  2. News ticker (gaya BBC)

2
2017-09-04 04:06



Solusi Alternatif juga akan menjadi jQuery webTicker; sangat mirip dengan luchroll namun menyelesaikan masalah dengan ticker berhenti setelah seluruh daftar selesai; sementara juga menambahkan beberapa fitur mewah baru seperti; arah pergerakan; kecepatan; dan kemampuan untuk menggunakan beberapa ticker per halaman.


0
2017-12-09 15:17



Bug baris kedua yang timbul dalam liscroll dapat "diperbaiki" dengan menambahkan listitem berisi entiti ruang yang tidak mudah rusak. <li>&nbsp;</li> di akhir setiap daftar;)


0
2017-11-14 18:54