js实现左右滚动

最新推荐文章于 2024-08-09 14:40:54 发布

weixin_38180713

最新推荐文章于 2024-08-09 14:40:54 发布

阅读量574

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/weixin_38180713/article/details/69946337

版权

这段HTML和JavaScript代码演示了如何创建一个文字左右滚动的效果。通过设置元素的位置并利用setTimeout函数周期性地更新位置，实现了文字从左到右，从右到左的连续滚动。全局变量`tag`用于判断文字的当前位置，以便确定滚动方向。

摘要由CSDN通过智能技术生成

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<style>
    p{position: absolute;left: 125px; top: 100px;}
</style>

<script>
    var tag = 0;//标志，判断对象当前位置是在最左还是最右，注意这里必须设置为全局变量，否则在执行setTimeOut方法会重置为0，使得无法再向右返回
    //移动文字
    function moveWord(){
        var resour