- 博客(7)
- 收藏
- 关注
RSS订阅原创 拖拽效果的原理及实现
拖拽效果的原理及实现实现拖拽效果需要用到事件侦听和鼠标事件。事件侦听是对被拖拽的元素添加事件侦听，包括mousedown,mousemove,mouseup。常见的拖拽操作基本就是下面的方式：1、用鼠标点击选中被拖拽的元素2、按住鼠标不放，拖动鼠标3、拖拽元素到一定位置，放开鼠标实现拖拽的效果 代码实现<body> <div id="box"> </div> <!-- <img src="./img/1.jpg"
2020-12-16 20:44:04
1247
原创 拖拽效果的实现
<body> <div></div> <script> var Box = document.getElementsByTagName("div")[0]; //鼠标按下 Box.onmousedown = function (e) { var e = e || window.event; var BoxLeft = e.clientX - Bo
2020-12-15 17:34:27
175
原创 函数的封装(运动封装)
实现盒子的向左向右自动移动<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * {
2020-12-08 18:54:58
147
原创 定时器以及数学对象Math
定时器1.setTimeout（延迟执行，延迟指定时间之后，执行代码一次）2.setInterval(间歇性执行，每隔固定时间，执行代码一次))3.清除定时器例：clearTimeout(t)clearInteval(t)注意：setTimeout和setInterval都会返回一个唯一的标识idMath1>常见的方法abs(num) 绝对值ceil(num) 向上舍入floor(num) 向下舍入round(num) 四舍五入max(num1,num2
2020-12-08 18:49:37
146
原创 数据类型
数据类型基本(简单)数据类型数值类型：number字符串类型：stringlength属性：字符串长度charAt(index)：根据索引取出字符串中字符 索引从0开始布尔类型：boolean 真假 true falsenull：空undefined：未定义 表示变量定义了，复杂数据类型：引用对象类型例如：Object 、Array、Function 、Date…1）Object类型```javascriptvar obj={ //定义对象 name:"
2020-12-04 20:34:48
170
原创 JavaScript
JavaScript什么是JavaScript：JavaScript是基于事件和对象驱动的解释性脚本语言。语法规则：1） 严格区分大小写2） 字符都是英文半角3）换行、空格、缩进 不敏感 （建议一条语句占用一行，每一行代码后要加分号）3.变量名的命名规则变量名以字母、_或开头可以由字母、数字、或开头可以由字母、数字、_或开头可以由字母、数字、或组成不能使用关键字和保留字使用驼峰命名法–见名知意 (从第二个单词开始，首字母大写)注意：变量不能重名鼠标事件：
2020-12-01 19:10:06
102
原创 Markdown的使用
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2020-12-01 18:42:59
114
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人