客户想要一个跑马灯的效果,最终我用了jquery.marquee.js。
这个库很简单就能用。
效果是这样,从左到右,移动速度都不一样。
1. HTML
<div class="marqueeSlogan" data-direction="right"> <font style="font-size:38px; font-family:MonotypeSceneStdLight;">Look before you leap.</font> </div>
2. JS
<script> $('.marqueeSlogan').marquee({ duration: 3500 }); </script>
Done.