jquery实现向上无缝轮播文案

深碍√TFBOYSˉ_ 2022-05-12 01:16 204阅读 0赞

此处记录一下，方便以后用  
1.html样式自己布局就可以了

<div class="myscroll">
         <ul>
             <li><div class="dixian"><span>张坤</span> 已获得 六角形大蹦床运营方案...</div></li>
             <li><div class="dixian"><span>刘强</span> 已获得 儿童大蹦床运营方案...</div></li>
             <li><div class="dixian"><span>李东</span> 已获得 室外充气大蹦床运营方案...</div></li>
             <li><div class="dixian"><span>向阳</span> 已获得 水上娱乐大蹦床运营方案...</div></li>
             <li><div class="dixian"><span>赵喜</span> 已获得 六角形大蹦床运营方案...</div></li>
             <li><div class="dixian"><span>张帅</span> 已获得 六角形大蹦床运营方案...</div></li>
             <li><div class="dixian"><span>刘力</span> 已获得 六角形大蹦床运营方案...</div></li>
             <li><div class="dixian"><span>孙斌彦</span> 已获得 世界室内大蹦床运营方案...</div></li>
             <li><div class="dixian"><span>王凌</span> 已获得 室外充气大蹦床运营方案...</div></li>
             <li><div class="dixian"><span>马山</span> 已获得 儿童大蹦床运营方案...</div></li>
         </ul>
     </div>

css样式

.myscroll { background-color: white; height: 300px; margin: 0 auto; border: 1px solid #ccc; line-height: 30px; font-size: 12px; overflow: hidden; }

js文件

html也可以操控速度

以后遇到向上无缝轮播，可以直接拿来用