- 博客(6)
- 收藏
- 关注
原创 缓动动画以及回调函数的封装
缓动动画以及回调函数的封装 作用:可以多次为一个div定义不同的动画属性例如(长、宽、高、透明度、层级性),并且定义多个动画函数。 代码 在css中添加一下代码 div{ width:200px; height:200px; background-color:red; } <body> <input type="button" id="btn" value="动画...
2020-03-30 14:35:47
143
原创 offset系列与scroll系列以及兼容代码
offset系列与scroll系列以及scroll兼容代码offset系列与scroll系列为什么使用他们offset系列sroll系列scroll的兼容代码 offset系列与scroll系列 为什么使用他们 如果想要直接使用width,height,top,left,获取元素的宽、高、距离顶部的距离、距离左边的距离。他的元素属性不能再css中style标签定义,只能使用内部样式在style属性...
2020-03-25 12:17:43
171
原创 js定时器实现匀速动画函数
js定时器实现匀速动画函数 定时器的使用 1.setInterval //参数1:函数 //参数2:时间,1000ms=1s //执行过程:加载完毕后每过一秒执行一次 //返回值:定时器的名字 //设置定时器 var timeId = setInterval(function(){},1000); //清理定时器 clearInterval(timeId); 2.setTimeout //参数1...
2020-03-25 10:57:06
610
原创 元素的绑定,解绑以及兼容代码
元素的绑定与解绑元素的绑定与解绑元素绑定的三种方法 元素的绑定与解绑 元素绑定的三种方法 1.对象.on事件名称 = 事件处理函数 此方法如果注册多个相同事件,前面注册的事件会被最后一个注册的事件覆盖 代码 document.getElementById("btn").oncilck = function(){} //为id属性是btn的元素绑定了鼠标点击事件 2.对象.addEventListe...
2020-03-21 12:44:11
186
原创 字体图标的使用
字体图标的使用字体图标的下载字体图标的的使用应用实例 字体图标的下载 下载字体图标:Icon Font字体图标 下载图标的步骤: 1. 2. 3. 字体图标的的使用 下载后的字体图标解压缩,找到下面两个文件 将这两个文件添加到需要使用的项目工程中 将字体引入到HTML中 1.在样式中声明字体(在css中添加),代码如下 @font-face { font-family: 'icomoo...
2020-03-20 13:40:23
194
原创 浮动的定义以及清除方法
浮动的定义以及清除方法什么是浮动浮动的定义添加浮动的方法 什么是浮动 浮动的定义 在一个模块上添加浮动会使模块脱离文档流,也就是不在占用文档的位置。添加浮动也会使一个行内元素变成块状元素; 添加浮动的方法 (1)相对定位:position:absolute 《》``` # 如何清楚浮动 ...
2020-03-20 12:52:05
252
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人