<style> #test{ width:100%; height: calc(25vh); line-height: 22px; overflow: hidden; } </style> <div id="test"> aaaaaaaaaaaaaaaaaaa1<br> aaaaaaaaaaaaaaaaaaa2<br> aaaaaaaaaaaaaaaaaaa3<br> aaaaaaaaaaaaaaaaaaa4<br> aaaaaaaaaaaaaaaaaaa5<br> aaaaaaaaaaaaaaaaaaa6<br> aaaaaaaaaaaaaaaaaaa7<br> aaaaaaaaaaaaaaaaaaa8<br> aaaaaaaaaaaaaaaaaaa9<br> bbbbbbbbbbbbbbbbbbb1<br> bbbbbbbbbbbbbbbbbbb2<br> bbbbbbbbbbbbbbbbbbb3<br> bbbbbbbbbbbbbbbbbbb4<br> bbbbbbbbbbbbbbbbbbb5<br> bbbbbbbbbbbbbbbbbbb6<br> </div> <script> var oMarquee = document.getElementById("test"); //滚动对象 var iLineHeight = 22; //单行高度,像素 var iLineCount = 15; //实际行数 var iScrollAmount = 8.8; //每次滚动高度,像素*10 function run() { oMarquee.scrollTop += iScrollAmount; if ( oMarquee.scrollTop == iLineCount * iLineHeight ) oMarquee.scrollTop = 0; if ( oMarquee.scrollTop % iLineHeight == 0 ) { window.setTimeout( run, 2000 ); } else { window.setTimeout( run, 50 ); } } oMarquee.innerHTML += oMarquee.innerHTML; window.setTimeout( run, 2000 ); </script>
标签: br, height, js换行, style, test
上面是“js实现多行一起滚动”的全面内容,想了解更多关于 js 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_118.html
workflows工作流
一个由红色玻璃制成的女性形状的破碎雕塑
一个神秘的隐藏面孔下一本书的剪影ComfyUI工作流
一只由水晶制成的蜂鸟
一个男孩在吃西瓜ComfyUI工作流
一个十几岁的美国女孩穿着黄色连帽衫在黑暗和空虚的背景下闲逛
一张由表情符号组成的照片ComfyUI工作流
一只漂亮的孔雀的尾巴完全由披萨制成ComfyUI工作流
一块慕斯蛋糕ComfyUI工作流
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!