نص سريع للوقت، لكن هذه المرة تقديرية

<div id="marquees"> <!-- هذا هو محتوى الترجمة، يمكنك تعريفها بشكل عشوائي-> <a href="#">الرابط 1</a> <br> <a href=" #"> الرابط 2</a> <br> <a href="#">الرابط 3</a> <br> <a href="#">الرابط 4</a> <br> <!-- نهاية محتوى الترجمة --> </div> <!-- ما يلي هو كود جافا سكريبت --> <script language="javascript"> <!-- marqueesHeight=200; // ارتفاع منطقة المحتوى stopsscroll= false; // يتحكم هذا المتغير في إيقاف التمرير باستخدام (marquees){ noWrap=true; // لا يتم التفاف منطقة محتوى الجدول تلقائيًا style.width=0; // حتى نتمكن من ضبط عرضه على 0، لأنه سيفعل ذلك يمكن تمديده style.height=marqueesHeight ; style.overflowY = "hidden"; // شريط التمرير غير مرئي onmouseover=new Function("stopscroll=true"); // يمرر الماوس ويتوقف عن التمرير onmouseout=new Function("stopscroll =false"); // يترك الماوس، ابدأ التمرير} // في هذا الوقت، لا يمكن قراءة ارتفاع منطقة المحتوى. يُخرج ما يلي طبقة غير مرئية "templayer"، ثم ينسخ المحتوى فيها لاحقًا: document.write('<div id="templayer" style="position:absolute;z-index:1;visibility:hidden">< / div>'); function init(){ // تهيئة محتوى التمرير // انسخ المحتوى الأصلي إلى "templayer" عدة مرات حتى يكون ارتفاع "templayer" أكبر من ارتفاع منطقة المحتوى: while(templayer.offsetHeight< marqueesHeight){ templayer.innerHTML+=marquees.innerHTML; } // انسخ محتوى "templayer" مرتين إلى منطقة المحتوى الأصلية: marquees.innerHTML=templayer.innerHTML+templayer.innerHTML; استدعاء "scrollUp()" شريط التمرير الذي يحركه الوظيفة: setInterval("scrollUp()",20 } document.body.onload=init=0; // يتم استخدام هذا المتغير لتحديد ما إذا كان شريط التمرير قد وصل أم لا the end function التمريرUp(){ // وظيفة قيادة شريط التمرير if(stopscroll==true) return; // إذا كان المتغير "stopscroll" صحيحًا، فتوقف عن التمرير preTop=marquees.scrollTop; marquees.scrollTop+=1; // التمرير حرك الشريط لأسفل بمقدار بكسل واحد // إذا لم يتحرك شريط التمرير، فقم بالتمرير لأعلى إلى نفس موضع الشاشة الحالية // بالطبع ليس ذلك فحسب، بل قم بالتمرير أيضًا لأسفل بمقدار بكسل واحد ( +1): if(preTop==marquees .scrollTop){ marquees.scrollTop=templayer.offsetHeight-marqueesHeight+1; } } --> </script>