科技美学

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

客户想要一个跑马灯的效果,最终我用了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.

posted on 2017-12-28 16:26  chankuang  阅读(2867)  评论(0编辑  收藏  举报