科技美学

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理
  90 随笔 :: 0 文章 :: 1 评论 :: 69570 阅读

客户想要一个跑马灯的效果,最终我用了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   chankuang  阅读(2877)  评论(0编辑  收藏  举报
编辑推荐:
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具
点击右上角即可分享
微信分享提示