CFXLWT 2022-08-28 16:23 采纳率: 81.5%
浏览 16
已结题

元素位移只能移动一次

请问，有什么办法能做出点击那个“去注册”然后可以让这个登录板块向右移动，然后再自己向左回到原位呢？

img

  • 写回答

1条回答 默认 最新

  • Z_pigeon 2022-08-28 16:54
    关注
    
<!doctype html>
<html lang="en" class="to-trol to-begin">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <style>
        body {
            padding: 200px;
        }
        #move {
            transition: transform 2s;
        }
    </style>
</head>
<body>
    <div id="move">move</div>
    <button id="btn">go</button>
</body>
<script>
    var btn = document.getElementById('btn')
    btn.addEventListener('click', function () {
        var move = document.getElementById('move')
        move.style.transform = 'translateX(-100px)'
        setTimeout(() => {
            move.style.transform = 'translateX(0px)'
        }, 2000); // 这里是2000ms跟随样式上面定义的transition中的时间一致
    })
</script>
</html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

  • 一文看懂编程语言虚拟机
    2023-07-04 12:27
    Invisible_He的博客 带你轻松一文明白编程语言虚拟机是什么
  • 烟花代码编程python满屏.docx
    2023-12-29 08:59
    `update`方法负责粒子的更新，包括重力的增加、位置的移动以及随机水平位移。 5. **主循环**： ```python while True: ... ``` 游戏的主要循环在这里，它持续监听并处理事件（如窗口关闭），生成新的烟花粒子...
  • IEC编程语言指令
    2014-07-24 16:44
    - **IEC 61131-3**：这是一个国际标准，定义了用于编程可编程逻辑控制器（PLC）和其他工业控制器的标准编程语言。 ### 二、算术运算指令 #### 2.1 算术运算 - **ADD**：加法运算符，将两个数值相加。 - **MUL**：...
  • 计算机python编程试题,机器学习,深度学习试题及答案.docx
    2023-04-01 19:44
    向列表中插入元素会导致后面的元素位移。 7. 深度学习框架： - 深度学习平台：Hadoop是一个分布式计算框架，Caffe和TensorFlow是深度学习框架，而BP是反向传播算法，不是一个开发平台。 8. 机器学习算法： - 无...
  • scratch少儿编程逻辑思维游戏源码-终极骑士.zip
    2025-05-02 13:09
    通过使用Scratch编程语言，孩子们可以直观地看到编程指令如何转化为游戏角色的行动，从而在实践中学习编程的基本概念和流程。 Scratch由麻省理工学院媒体实验室开发，是一个面向儿童和初学者的编程平台，它允许用户...
  • 基于python语言的Pygame 游戏编程
    2022-06-16 21:18
    Python是一种广泛应用于Web开发、数据分析、人工智能等多个领域的高级编程语言，而Pygame是Python的一个库，专门为游戏开发设计。Pygame提供了丰富的功能，包括图形、音频处理、事件管理等，使得初学者和经验丰富的...
  • JAVA一分钟游戏编程——游戏对象移动（03）
    2025-08-15 22:45
    偷偷学编程的博客 一分钟让游戏对象移动。
  • 将python第一个元素移到最后位置
    2024-08-12 02:10
    九零后老阿姨的博客 Python 列表操作之“将第一个元素移到...在许多场景下，我们可能希望对列表进行各种操作，比如将第一个元素移动到最后的位置。本篇文章将围绕这个问题展开，介绍实现的方式，并附上代码示例及详细解释。 列表基础...
  • cc_移动_
    2021-09-29 15:55
    LISP是一种函数式编程语言，广泛应用于AutoLISP，这是AutoCAD的一个扩展，允许用户自定义图形处理和自动化任务。因此，"cc.lsp"可能是一个AutoLISP程序，用于实现图形的移动功能。 在AutoLISP中，移动图形通常通过`...
  • 图片框动态位移.rar
    2020-04-07 12:18
    在易语言中，这是一种常用的技术，易语言是中国自主研发的一种简单易学的编程语言，它提供了丰富的图形用户界面元素，包括图片框。要实现图片框的动态位移，我们需要理解以下几个关键知识点： 1. 图片框对象：图片...
  • 华中系统数控车床基本编程指令完美版资料.ppt
    2022-11-16 00:14
    G代码是数控机床的基本编程语言，用于指定刀具路径和运动方式。在华中系统中，常见的G代码包括： - G00：快速定位，机床快速移动到指定位置。 - G01：直线插补，机床按照预定速度直线移动。 - G02：逆时针圆弧...
  • Desktop_移动荷载_Dload_
    2021-09-29 18:17
    `single.for`可能是FORTRAN语言编写的"Dload"子程序源代码，FORTRAN是科学计算领域广泛使用的编程语言。`yidonghezai-a.inp`则是输入文件，很可能包含了结构的几何信息、材料属性以及荷载的定义，包括移动线荷载的...
  • python.rar_ABAQUS_ABAQUS提取_python_后处理_提取位移
    2022-07-14 19:14
    Python作为强大的编程语言，与ABAQUS结合使用可以实现自动化工作流程，提高效率。本文将详细介绍如何利用Python在ABAQUS后处理阶段提取并处理位移数据。 首先，我们需要理解“位移”在ABAQUS中的含义。在结构力学...
  • OpenGL ES着色语言权威指南：移动和嵌入式系统图形编程
    2025-05-04 14:46
    不胖的羊的博客 OpenGL ES着色语言（GLSL ES）是一种用于编写在OpenGL ES图形API中运行的着色器程序的语言。它基于C语言，并针对图形处理进行了优化和扩展，是实现现代移动设备高效图形渲染的核心技术之一。在三维图形处理中，坐标...
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 9月5日
  • 已采纳回答 8月28日
  • 创建了问题 8月28日