10 2018 档案

echarts更改折线图区域颜色、折线颜色、折点颜色
摘要：series : [ { name:'订单流入总数', type:'line', stack: '总量', areaStyle: { normal: { color: '#8cd5c2' //改变区域颜色 } }, itemStyle : { normal : { color:'#8cd5c2', 阅读全文
posted @ 2018-10-31 14:47 雅士伊人 阅读(33102) 评论(1) 推荐(0)
原生javascript 元素依次掉落及上升
摘要：一、实现原理： ① 通过onoff开关，判断元素是往下走 还是往上走，并在每次清除定时器后，把onoff 设为 !onoff，以便下次点击做判断 ②move函数的运用 二、代码 阅读全文
posted @ 2018-10-26 15:45 雅士伊人 阅读(324) 评论(0) 推荐(0)
原生javascript 基础动画函数封装(二)
摘要：下 上 阅读全文
posted @ 2018-10-26 14:15 雅士伊人 阅读(156) 评论(0) 推荐(0)
原生javascript 基础动画函数封装(一)
摘要：向右 向左 阅读全文
posted @ 2018-10-26 13:54 雅士伊人 阅读(180) 评论(0) 推荐(0)
原生javascript 基础动画原理
摘要：一、实现原理： 1、开定时器前先清除定时器 2、设置定时器 3、当前元素的位置 + 每一步的长度 4、当元素当前位置超过目标点时，把当前位置==目标点 5、设置元素位置，开始运动 6、判断当前位置如果到达目标点，则清除定时器 二、代码 阅读全文
posted @ 2018-10-26 11:01 雅士伊人 阅读(271) 评论(0) 推荐(0)
原生javascript实现二级延时菜单
摘要：一、实现原理： 使用定时器和排他思想完成 二、代码： 阅读全文
posted @ 2018-10-25 17:34 雅士伊人 阅读(512) 评论(0) 推荐(0)
原生javascript实现仿QQ延时菜单
摘要：一、实现原理 定时器和排他思想 二、代码 阅读全文
posted @ 2018-10-25 17:33 雅士伊人 阅读(269) 评论(0) 推荐(0)
原生js实现音乐列表（隔行换色、全选）
摘要：一、实现原理： 1、使用 % 运算符实现各行换色，规律：当%前面的值和后面的值相同时 结果为0； 2、使用开关思想，实现在同一个元素上反复点击时的条件判断，并且把开关以属性方式绑定在每个元素上； 3、使用大总管变量，记录鼠标移入时的下标,用于设置鼠标离开时的颜色 4、使用变量记录每选中一行就自增1 阅读全文
posted @ 2018-10-25 09:18 雅士伊人 阅读(749) 评论(0) 推荐(0)
原生JavaScript实现评分效果
摘要：一、实现原理： 1、要设置一个“大总管变量”，用于记录点击时的星星下标，只声明不赋值。 2、移入每个星星时，先把所有的星星恢复到默认状态；再把当前星星及在它之前的星星设为选中状态。 3、移出每个星星时，先把所有的星星恢复到默认状态；再把大总管变量里记录的星星及在它之前的星星设为选中状态。 4、点击星 阅读全文
posted @ 2018-10-24 16:39 雅士伊人 阅读(540) 评论(0) 推荐(0)
原生javascript实现选项卡（基础版）
摘要：一、实现原理 1、主要运用“排他思想”，在设置当前元素前，先把相应元素恢复到默认状态 2、给相应元素添加下标的应用 二、代码展示 阅读全文
posted @ 2018-10-24 16:38 雅士伊人 阅读(224) 评论(0) 推荐(0)