html文字走马灯

最新推荐文章于 2024-04-03 01:13:21 发布

UzumakiHan

最新推荐文章于 2024-04-03 01:13:21 发布

阅读量662

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/Hhjian524/article/details/107669188

版权

JavaScript 专栏收录该内容

93 篇文章 1 订阅

订阅专栏

<html>
<head>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.1.0.min.js"></script>
<script type="text/javascript">
var position=0
var t;
var str = '前端开发是创建Web页面或app等前端界面呈现给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。';
var maxLength = parseInt((str.length - 3) * 12)
console.log(maxLength)

fun();
function fun(){
    if(position>maxLength){
        position=0;
    }
    $("div").scrollLeft(position++);
    t=setTimeout("fun()",30);
}
</script>
</head>
<body>
<div id="testDiv" style="width:300px;overflow:hidden;white-space:nowrap;position:relative;font-size: 14px;">前端开发是创建Web页面或app等前端界面呈现给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。</div>

</body>
</html>

在这里插入图片描述

UzumakiHan

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
html文字走马灯

<html><head><script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.1.0.min.js"></script><script type="text/javascript">var position=0var t;var str = '前端开发是创建Web页面或app等前端界面呈现给用户的过程，通过HTML，CSS及J
复制链接

扫一扫