上一页 1 ··· 4 5 6 7 8 9 10 11 12 13 下一页
摘要: .sliderbar { width: 200px; height: 40px; position: relative; margin: 0 auto; } .sliderbar span { display: inline-block; width: 50px; text-align: cente 阅读全文
posted @ 2020-04-15 08:52 徐12 阅读(381) 评论(0) 推荐(0) 编辑
摘要: 动画实现原理 核心原理:通过定时器setInterval()不断地移动盒子的位置 缓动动画原理 缓动的核心算法~~~~~~~~~~(目标值-现在的位置)/10 停止的条件是~~~~~~让当前盒子的位置等于目标位置就停止定时器 匀速动画~~~~~~~~盒子当前的位置+固定值 10 缓动动画~~~~~~ 阅读全文
posted @ 2020-04-15 08:46 徐12 阅读(145) 评论(0) 推荐(0) 编辑
摘要: css代码 1 body{ 2 margin: 0; 3 } 4 .box { 5 width: 1210px; 6 position: relative; 7 background-color: pink; 8 margin: 0 auto; 9 } 10 11 .content { 12 wid 阅读全文
posted @ 2020-04-10 13:59 徐12 阅读(419) 评论(0) 推荐(0) 编辑
摘要: css代码 1 body { 2 margin: 0; 3 text-align: center; 4 } 5 .box { 6 display: none; 7 background-color: #fff !important; 8 width: 400px; 9 height: 300px; 阅读全文
posted @ 2020-04-10 13:51 徐12 阅读(456) 评论(0) 推荐(0) 编辑
摘要: offset offset翻译就是偏移量,可以使用他相关的属性可以动态的得到该元素的位置、大小等等 获得元素距离带有定位父元素的位置 获得元素自己的大小(宽度高度) 注意 返回的数值不带单位 offset常用的属性 element.offsetTop() 返回元素上方到带有定位的父元素距离 elem 阅读全文
posted @ 2020-04-10 13:39 徐12 阅读(260) 评论(0) 推荐(1) 编辑
摘要: js同步和异步同步 前一个任务结束以后再执行下面一个任务,程序的执行顺序与任务的排列顺序是一致的 同步任务都在主线程上执行,形成一个执行线 异步 前一个任务没结束之前程序还可以执行别的任务 js的异步是通过回调函数实现的 一般情况下异步有三种类型 1、普通事件,比如click,resixe等 2、资 阅读全文
posted @ 2020-04-09 14:15 徐12 阅读(175) 评论(0) 推荐(0) 编辑
摘要: HTML代码 <div class="box"> <label for="">手机号</label> <input type="number"> <button>获取</button> </div> JS代码 1 var btn = document.querySelector('button') 阅读全文
posted @ 2020-04-08 11:05 徐12 阅读(297) 评论(0) 推荐(0) 编辑
摘要: bom浏览器对象模型 bom由一系列相关的对象构成并且每个对象都提供了很多方法属性 bom顶级对象是window bom是浏览器产商在各自浏览器上定义的,兼容性差 window具有双重角色,他是一个全局对象.定义在全局作用域中的变量、函数都会变成window对象的属性和方法,但是在调用的时候可以省略 阅读全文
posted @ 2020-04-08 11:01 徐12 阅读(433) 评论(0) 推荐(0) 编辑
摘要: css代码 1 .search { 2 width: 300px; 3 height: 80px; 4 margin: 0 auto; 5 position: relative; 6 } 7 8 .con { 9 display: none; 10 position: absolute; 11 to 阅读全文
posted @ 2020-04-07 11:34 徐12 阅读(240) 评论(0) 推荐(0) 编辑
摘要: css代码 1 img { 2 position: absolute; 3 /* top: 2px; */ 4 width: 50px; 5 height: 50px; 6 } HTML代码 <img src="../imges/u=3568135932,2181685849&fm=26&gp=0. 阅读全文
posted @ 2020-04-07 11:32 徐12 阅读(1182) 评论(0) 推荐(0) 编辑
上一页 1 ··· 4 5 6 7 8 9 10 11 12 13 下一页