ما هو الشيء الجيد في JS أو JQuery لتمرير شريط الأخبار أفقيًا

Question

أنا أبحث عن القليل من JQuery أو JS الذي يسمح لي بإنتاج قائمة "شريط الأخبار" القابلة للتمرير أفقيًا.

يجب أن يكون HTML المنتج متوافقًا مع المعايير أيضًا.

لقد حاولت liScroll ولكن هذا عادة ما ينكسر (ينتهي بعض المحتوى في السطر الثاني في بداية التمرير)، خاصة مع القوائم الطويلة.

لقد حاولت أيضا شريط الأخبار هذا ولكن عندما يتم تضمين DOCTYPE، فإن التمرير سوف يهتز بدلاً من أن يدور بسلاسة في نهاية كل دورة.

هي موضع تقدير أي اقتراحات.

يحرر

لذا، بفضل اقتراح Matt Hinze، أدركت أنه يمكنني فعل ما أردت فعله باستخدام JQuery animate (أحتاج إلى التمرير المستمر وليس التمرير المنفصل مثل المثال).ومع ذلك، سرعان ما واجهت مشكلات مماثلة لتلك التي كنت أواجهها مع liScroll، وبعد كل ذلك أدركت أن مشكلة CSS (كما هو الحال دائمًا) هي المسؤولة.

حل:liScroll - قم بتغيير القيمة الافتراضية "var stripWidth = 0" إلى شيء مثل 100، لتوفير مساحة صغيرة وتجنب التفاف الأسطر الجديدة.

Answer 1

يمكن أيضًا استخدام Smooth Div Scroll كشريط أخبار/شريط أسهم.يمكن أن يتوقف مؤقتًا عند تمرير الماوس فوقه أو لأسفل ويمكنه التكرار إلى ما لا نهاية إذا كنت تريد ذلك.

هنا المثال مع شريط قيد التشغيل.

Answer 2

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

Answer 3

إليك حلين آخرين يبدو أنهما أسهل في التنفيذ:

1. شريط الأخبار
2. شريط الأخبار (نمط بي بي سي)

Answer 4

الحل البديل سيكون أيضًا jQuery webTicker;إنه مشابه جدًا لـ liscroll ولكنه يحل مشكلة توقف المؤشر بعد اكتمال القائمة بأكملها؛مع إضافة بعض الميزات الجديدة الفاخرة مثل؛اتجاه الحركةسرعة؛والقدرة على استخدام مؤشرات متعددة لكل صفحة.

Answer 5

يمكن "إصلاح" خطأ السطر الثاني الذي يظهر في liscroll عن طريق إضافة عنصر قائمة يحتوي على كيان مساحة غير قابل للكسر <li>&nbsp;</li> في نهاية كل قائمة ;)