2021年12月26日
hover属性
摘要： hover 1、hover的定义 :hover 选择器用于选择鼠标指针浮动在上面的元素，它适用于所有元素 :hover 选择器适用于所有元素 2、hover的用法 用法一：鼠标悬浮在元素上改变元素样式 #div1{ width: 500px; height: 500px; background: r 阅读全文
posted @ 2021-12-26 20:31 clearlove3 阅读(418) 评论(0) 推荐(0)
ES6基础
摘要： const 基本语法 const声明一个只读的常量。一旦声明，常量的值就不能改变。 const声明的变量不能重新赋值，也是由于这个规则，const变量声明时必须初始化，不能留到以后赋值，所以下面的代码是不合法的： const a = 3; a = 5; const b; 箭头函数的使用 箭头函数可以 阅读全文
posted @ 2021-12-26 20:24 clearlove3 阅读(33) 评论(0) 推荐(0)
弹性布局
摘要： 弹性布局 flex 下图是关于flex的属性总结表，后面会详细介绍每个属性的意义和用法: 使元素均匀分布在盒子中: display: flex; justify-content: space-between; 以上就是弹性布局的一点点用法 阅读全文
posted @ 2021-12-26 20:17 clearlove3 阅读(35) 评论(0) 推荐(0)
2021年12月18日
transform属性
摘要： transform指的是变换，一个东西的拉伸，压缩，旋转，偏移等就是使用这个属性。 transform可以设置这些函数： rotate 将元素进行旋转，单位为deg。如rotate(45deg) translate 将元素进行平移。这个属性是可以有两个参数的，分别表示向X轴和向Y轴进行平移的量，单位 阅读全文
posted @ 2021-12-18 21:13 clearlove3 阅读(351) 评论(0) 推荐(0)
照片小动画
摘要： 这串代码实现了鼠标放置到图片后图片向外扩大的效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> #box{ width: 475px; height: 308px 阅读全文
posted @ 2021-12-18 21:10 clearlove3 阅读(47) 评论(0) 推荐(0)
2021年12月8日
js属性
摘要： 1.定时器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="screen"> </div> </body> </html> <scr 阅读全文
posted @ 2021-12-08 18:33 clearlove3 阅读(46) 评论(0) 推荐(0)
js方块拖拽
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body{ margin: 0; } #div1{ width: 100px; height: 100px; bac 阅读全文
posted @ 2021-12-08 18:27 clearlove3 阅读(46) 评论(0) 推荐(0)
2021年12月5日
js鼠标事件
摘要： 鼠标事件就是鼠标点击来触发效果的方法 <script> var btns=document.getElementsByTagName("button") btns[0].onclick=function () { alert('恭喜您,清理成功') } btns[0].onmousedown=fun 阅读全文
posted @ 2021-12-05 18:00 clearlove3 阅读(47) 评论(0) 推荐(0)
js数组
摘要： 使用 Array 构造函数： var arr1 = new Array(); //创建一个空数组var arr2 = new Array(20); // 创建一个包含20项的数组var arr3 = new Array("lily","lucy","Tom"); // 创建一个包含3个字符串的数组数 阅读全文
posted @ 2021-12-05 17:58 clearlove3 阅读(34) 评论(0) 推荐(0)
2021年11月28日
js的引入方式,变量命名和数据类型
摘要： js的引入方式 1.<script src="xxxxxx"></script> 通过导入文件的方式引入js,这种方式中间不能添加js语句 2.<script></script> 直接引入js,这种方式可以在中间添加js语句,是比较常见的方式 变量的命名 变量命名规则: 1.由大写字母或小写字母.数 阅读全文
posted @ 2021-11-28 21:49 clearlove3 阅读(169) 评论(0) 推荐(0)