في الآونة الأخيرة ، أعمل في مشروع تطوير في الواجهة الأمامية ، والذي يتطلب تأثير التمرير السلس ، لأعلى ، لأسفل ، اليسار واليمين التمرير بسلاسة. سيشارك المحرر التالي رمز التنفيذ في منصة شبكة Wulin. يمكن للأصدقاء الذين يحتاجون إليها الرجوع إليها. إذا كان هناك أي أخطاء ، فلا تتردد في مطالبةهم بالتعلم وإحداث تقدم معًا.
الرمز المحدد كما يلي:
<! doctype html public "-// w3c // dtd html 4.01 transitional // en" "http://www.w3c.org/tr/1999/rec-html401-1991224/loose.dtd"><html xmlns = "http://www.w3.org/1999/xhtml"> <head> <title> صف من أعمدة متعددة من النصوص النصية مع الإيقاف المؤقت-</title> <meta name = "content-content-equiv =" web page effects "/> <meta name =" description "/ charset = utf-8 "> <style type =" text/css "> ul {height: 200px ؛ padding-right: 0px ؛ padding-left: 0px ؛ padding-bottom: 0px ؛ margin: 0px ؛ padding top: 0px} #annount Hidden ؛}#الإعلان div {border:#e6e6e6 1px solid ؛ padding: 0px 10px 0px 10px ؛ overflow-y: hidden ؛ line-height: 24px ؛ height: 100px ؛}#padgancing li {font-size: 12px ؛ float: list ؛ list-stype: none ؛ url (img/arrow_right.gif) no-repeat 0px 50 ٪ ؛ White-Space: Nowrap} #Announting a {text-decoration: none ؛}#الإعلان a: hover {text-decoration: endline ؛} </style> </head> <body> <body> div id = "inmouse". onMouseout = "if (! anst) annst = setTimeout ('إعلانات croll ()' ، anndelay) ؛"> <div id = "scrbody"> <ul> <li> <a href = "#" target = "_ blank"> jQuery slideshow slideshow phicks مماثلة لـ tencent (يمكن لعبها تلقائيًا) </a> Target = "_ Blank"> VB إصدار Windows Task Manager </a> </li> <li> <a href = "#/js/texiao" target = "_ blank"> jquery tip multi-style link box </a> </li> <li> <li> <a href = "#/js/ad" target = " رسائل البريد الإلكتروني </a> </li> <li> <a href = "#/html+css" target = "_ blank"> ++ Lianlian Watch Game Source Code with plug-in </a> </li> <li> <a href = "#/" target = "_ blant"> api-hook api-hook api </a> target = "_ blank"> href = "#/" target = "_ blank"> vb بعض النصائح الشائعة لأنظمة تشغيل VB </a> </li> <li> <a href = "#/js" target = "_ blank" $ (id) {return document.getElementById (id) ؛} var anndelay = 3000 ؛ var anncount = 0 ؛ var annheight = 24 ؛ var annst = 0 ؛ function incrementscroll () {if (! $ ('scrbody'). innerhtml ؛ $ ('scrbody'). scrolltop = 0 ؛ if ($ ('scrbody'). scrollheight> annheight * 3) {annst = setTimeout (algencementscroll () '، Anndelay) ؛ null ؛} return ؛} if (Anncount == Annheight) {if ($ ('scrbody'). scrollheight - annheight <= $ ('scrbody'). Anndelay) ؛} آخر {$ ('scrbody'). scrolltop ++ ؛ anncount ++ ؛ annst = setTimeout ('AgncementScroll ()' ، anndelay) ؛} else {$ ('scrbody'). scrolltop ++ ؛ 10) ؛}} إعلانات croll () ؛ </script> </body> </html>ما سبق هو الرمز الذي قدمه لك المحرر باستخدام JS و HTML لدمج علامات السرادق لتحقيق تأثير التمرير السلس. آمل أن يكون ذلك مفيدًا للجميع. إذا كان لديك أي أسئلة ، فيرجى ترك رسالة لي وسوف يرد المحرر على الجميع في الوقت المناسب. شكرا جزيلا لدعمكم لموقع wulin.com!