En este momento, necesito hacer un efecto de marquesina de desplazamiento en el proyecto, pero encontré dos problemas durante el proceso de producción. no se el motivo? ¡Espero que todos puedan ayudarme a ver el código o proporcionar más buenas palabras!
La pregunta uno espera que cuando la marquesina se desplace hacia arriba, cada uno pueda permanecer durante un segundo y luego continuar desplazándose. Pero actualmente se desplazará dos consecutivamente y luego se detendrá en un lugar extraño, no en el medio del bloque.
Pregunta 2: Espero que el efecto de marquesina deba activarse solo cuando hay dos párrafos de texto. Si solo hay un párrafo, no se utilizará el efecto de marquesina.
Como acabo de aprender JavaScript y no estoy muy familiarizado con él, espero poder obtener su ayuda, ¡gracias!
function slideLine(box,stf,delay,speed,h) { var slideBox = document.getElementById(box); var delay = delay||1000,speed = speed||20,h = h||40; var tid = null,pause = false; var s = function(){tid=setInterval(slide, speed);} var slide = function(){ if(pause) return; slideBox.scrollTop += 1; if(slideBox.scrollTop%h == 0){ clearInterval(tid); slideBox.appendChild(slideBox.getElementsByTagName(stf)[0]); slideBox.scrollTop = 0; setTimeout(s, delay); } } setTimeout(s, delay); } slideLine('kanban_info','p',1000,25,40); .kanban { position: absolute; margin: 0 auto; width: 278px; height: 17px; left: 50%; transform: translate(-50%); text-align: center; line-height: 2; } .kanban .kenban_wrap { height: 30px; overflow: hidden; } <div class="kanban"> <div class="kenban_wrap" id='kanban_info'> <p class="kanban_info">hello</p> <p class="kanban_info">world</p> <p class="kanban_info">javascript</p> <p class="kanban_info">HTML</p> <p class="kanban_info">CSS</p> </div> </div>