问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

滚动字幕特效

头像
叶子玉
    176114659

    有个项目里有这样一个需求：推送的多条消息要在页面从左到右依次滚动播放，在之前<marquee>就可以实现了，但是html5中已经废弃了这个标签，那现在该用什么来实现这个功能呢，用javascript的话具体该怎么实现，或者有推荐的demo吗，求助大佬，(∩_∩)谢谢啦

    vue.jsjavascript
    阅读 1.3k
    1 个回答
    得票最新
    头像
    wlove
      6.9k3835
      ✓ 已被采纳
      javascript
      俩行的事情....
      <!doctype html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />            
    <title></title>
    <style>
        #box{
            width: 300px;
            height: 50px;
            overflow: hidden;
            position: relative;
        }
        #p{
            width: 1000px;
            position: absolute;
            top: 0;
            left: 0;
        }
    </style>
    
    
</head>
 <body>
        <!--div-->
    <div id="box">
             <p id="p">多动手就好了多动手就好了多动手就好了多动手就好了多动手就好了多动手就好了</p>
    </div>
    <script type="text/javascript">    
                var sum = 0;        
               setInterval(function(){
                     document.getElementById("p").style.left = -(sum + 1) +"px"
                     sum = sum + 2;
               },200);
        </script>
 </body>
 
</html>
      撰写回答
      你尚未登录，登录后可以
      • 和开发者交流问题的细节
      • 关注并接收问题和回答的更新提醒
      • 参与内容的编辑和改进，让解决方法与时俱进
      推荐问题