GSAP动画库实现无缝无限滚动跑马灯效果

网页图片跑马灯滚动效果的需求:均速无限滚动,无缝衔接滚动,鼠标悬浮暂停滚动,鼠标移动恢复滚动,可以向左或向右滚动。实现原理,利用gsap参数x和repeat。 效果如下: HTML代码: <div class="gallery"> <ul> <li> <a href=""> <img class="img" src="../images/gallery_01.jpg" alt=""/> </a> </li> <...
网页图片跑马灯滚动效果的需求:均速无限滚动,无缝衔接滚动,鼠标悬浮暂停滚动,鼠标移动恢复滚动,可以向左或向右滚动。实现原理,利用gsap参数x和repeat。 效果如下: HTML代码: <div class="gallery"> <ul> <li> <a href=""> <img class="img" src="../images/gallery_01.jpg" alt=""/> </a> </li> <...