dom练习
weixin_43708170
这个作者很懒,什么都没留下…
展开
-
t06 dom 小练习 div随方向键移动
t06 dom 小练习 div随方向键移动功能实现按动方向键,页面中的div块会上下左右移动按下ctrl键之后加速代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box1{ width: 100px; height: 100px;原创 2020-07-17 23:20:30 · 78 阅读 · 0 评论 -
t05 dom 小练习 拖拽
t05 dom 小练习 拖拽功能实现鼠标按住页面内的元素拖动代码分析鼠标在元素上按下鼠标移动(此时鼠标时按下状态),鼠标移动时,元素跟着移动松开鼠标,元素不再跟随鼠标移动,停在松开鼠标的位置<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>拖拽</title> <style type="text/css"> #bo原创 2020-07-17 21:18:04 · 67 阅读 · 0 评论 -
t04 dom 小练习 div块随鼠标移动
t04 dom 小练习 div块随鼠标移动代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box1{ width: 100px; height: 100px; background-color: red; /* * 开原创 2020-07-17 14:07:39 · 76 阅读 · 0 评论 -
t03 dom 小练习 显示固定区域鼠标坐标
t03 dom 小练习 显示固定区域鼠标坐标结果图功能介绍当鼠标在上方的框中移动时,下方的框会显示鼠标的横纵坐标表。代码完整代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>显示鼠标坐标</title> </head> <style type="text/css"> *{ margin: 0;原创 2020-07-17 13:36:27 · 90 阅读 · 0 评论 -
t01 DOM 小练习 全选练习
t01 DOM 小练习1 全选练习结果图功能介绍点击全选按钮时,足球、篮球、跑步、跳绳四个多选框 和 全选/全不选 会全部勾选上点击全不选按钮时,足球、篮球、跑步、跳绳四个多选框 和 全选/全不选 会全部不被勾选点击反选按钮时,已经勾选了的取消勾选,未勾选的勾选上全选/全不选 勾选状态要和足球、篮球、跑步、跳绳四个多选框的全部勾选状态一致(即全选/全不选 可以控制四个多选框是否全选;反过来,四个多选框是否全选也会控制全选/全不选 的勾选状态)点击提交按钮时,对话框弹出处于勾选状态的运动原创 2020-07-17 12:44:25 · 132 阅读 · 0 评论 -
t02 dom 小练习 员工信息增删
t02 dom 小练习 员工信息增删结果图示页面显示删除后添加后功能介绍显示页面点击Delete,删除此行点击提交,员工信息将添加到上面的表格中代码1. 页面布局,body中的内容<body> <div id="box1"> <table id="tb"> <tr> <th>name</th> <th>email</th> <t原创 2020-07-17 13:10:24 · 167 阅读 · 0 评论