DOM
文章平均质量分 54
Crazy ProMonkey
这个作者很懒,什么都没留下…
展开
-
JS基础——定时器的应用2
补充: 继上一篇定时器的功能之后,本篇将对上篇应用的功能加以扩充。具体增加的功能有: 新增一个向左移动的按钮,点击该按钮后,物体会向左移动 因向左和向右移动二者的功能大同小异,所以设计一个公共的移动函数方法move(),使其轻松实现向左和向右移动的功能 因向左和向右的方向取决于输入的speed的速度值的正负,正值向左,负值向右。但该方法不是很好,需要额外输入速度的正负号,因此需要设计一个方法,可以实现speed的输入值一直为正,但仍可以实现向左和向右移动 代码演示: <!DOCTYPE原创 2021-11-06 17:40:04 · 1806 阅读 · 1 评论 -
JS基础——定时器的应用
要求: 点击按钮,让物体开始移动,利用定时器的方法让物体移动至终点时停止移动 思路: 首先,需要知道物体实时的位移量,这里需要定义一个getStyle函数来获取物体当前的样式 其次,开启一个定时器setInterval(),让物体开始移动 最后,需要设置关闭定时器clearInterval()的条件 代码演示: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title原创 2021-11-06 16:44:22 · 1765 阅读 · 0 评论 -
JS基础——键盘移动练习
要求: 物体根据不同的方向键按下,会向不同的方向移动,当用户同时又按下ctrl键时,物体移动速度发生变化 思路: 创建一个div,并给它绑定一个键盘事件,事件中又给方向键绑定物体移动事件 代码演示: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #box1原创 2021-11-06 10:21:14 · 1418 阅读 · 0 评论 -
JS必做——全选练习
练习要求: 制作一个选择页面,选项包括全选、全不选、单向勾选、多项勾选、反选、提交等多个按键功能,包含了JS的DOM操作事件中的大部分知识点以及强烈的逻辑思维能力的锻炼,,非常适合所有学习JS中DOM操作知识点的伙伴们去练习,可以这样说,把这个练习完成后,JS的DOM操作就掌握的差不多了!!! 项目功能: 1.#checkedAllBtn 全选按钮 - 点击按钮以后,四个多选框全都被选中 2.#checkedNoBtn 全不选按钮 - 点击按钮以后,四个多选框全都不被选中 3.#check...原创 2021-09-27 22:00:45 · 1607 阅读 · 0 评论