Fork me on GitHub

随笔分类 -  javascript案例

css（）获取样式当前值和设置样式的简单封装
摘要：获取CSS样式或设置CSS样式，兼容IE，参数一：元素对象，参数二：属性名，参数三（可选）：属性值 阅读全文
posted @ 2019-09-10 22:24 幽幽木云 阅读(601) 评论(0) 推荐(0)
原生JS运动框架封装：startMove()过渡 仿jq animate()
摘要：最终版：多对象，多属性，链式运动框架(运动队列) 参数一：对象名 参数二：属性，目标值 键名：属性名，键值：目标值 {'width':200,'heigth':400} 实现：宽度和高度一起改变，宽度变成200，高度变成400 参数三：回调函数(可选参数) 里面调用的css（）函数是封装的，具体可以 阅读全文
posted @ 2019-09-10 22:21 幽幽木云 阅读(706) 评论(0) 推荐(0)
原生JS手风琴仿JQ动画
摘要：使用定时器制作手风琴 写这个过程遇到的难点： 1、每次调用函数时未清理定时器，导致点击收回时，会停在一半或在路上停住，或点击这个其他的出现效果 2、关于动画速度的处理，在用style获取当前元素的高度时，获取的值是带PX的，然后用 parseInt转为数字后会导致计算速度时出现NAN，最后用getC 阅读全文
posted @ 2019-09-10 21:18 幽幽木云 阅读(214) 评论(0) 推荐(0)
js---小火箭回到顶部
摘要：比较粗糙，能到到效果，点击小火箭回到顶部，期间有小火箭的特效， 用到了css3的动画，JS的滚动事件 阅读全文
posted @ 2019-08-29 19:19 幽幽木云 阅读(655) 评论(0) 推荐(0)
JS小案例--简单时钟
摘要：JS小案例--简单时钟 阅读全文
posted @ 2019-08-28 21:24 幽幽木云 阅读(412) 评论(0) 推荐(0)
js小案例----距离某一天还剩多少天
摘要：距离某一天还剩多少天，JS案例，其实挺简单的，但我卡在某个地方了，好久才想明白 这里面有个需要将毫秒数转化为天时分秒的过程，莫名其妙的卡在了这里，我真是太笨了； function mschange(num) { var num1 = parseInt(num / 1000); var miao = 阅读全文
posted @ 2019-08-28 17:56 幽幽木云 阅读(1025) 评论(0) 推荐(0)
js小案例-时间差的计算
摘要：小案例--计算时间差 点击按钮的时候，计算两个时间的差值，主要是将日期转化为毫秒，方法有3种，这里用Date.parse，推荐使用这个 * 时间和时间的相减：时间的相关计算，都要先转成纪元时间(把一个时间转成毫秒数)，再相减，再把结果转成指定的格式 * getTime() 获取纪元时间， * Dat 阅读全文
posted @ 2019-08-28 16:00 幽幽木云 阅读(433) 评论(0) 推荐(0)
js小案例-进度条的简单效果
摘要：通过JS实现进度条的简单效果，案例很简单，了解就行 知识点扩展 运动的原理：控制某个样式不断的改变，就有动画效果，这里我们通过改变宽度来达到效果， * 进度条 width不断变大 * offsetLeft 获取盒子到有定位的父节点的left值 * offsetTop 获取盒子到有定位的父节点的top 阅读全文
posted @ 2019-08-28 15:29 幽幽木云 阅读(319) 评论(0) 推荐(0)
js经典小案例----乘法表
摘要：适合刚学js的，锻炼一下逻辑 阅读全文
posted @ 2019-08-24 11:37 幽幽木云 阅读(221) 评论(0) 推荐(0)
数组小案例-----留言板
摘要：需求： 1、根据数组的内容，动态生成li节点，渲染数据 2、点击按钮可以获取内容生成节点 * 新节点从前面插入 * 数据只保留5条 CSS代码 <style> h1 { text-align: center; } .news-list { border: 2px solid #ddd; border 阅读全文
posted @ 2019-08-23 21:12 幽幽木云 阅读(178) 评论(0) 推荐(0)
obj.变量；结果是undefined原因
摘要：上面代码结果是undefined，原因是因为undefined 没有把i当成变量看待，而是把它当做其中一个属性名；只要你写了dazhei，现在系统里面已经有该属性，只是没有赋值，看不到而已，所以上面代码想要获取对象的值，应改为obj[i]; 阅读全文
posted @ 2019-08-23 19:10 幽幽木云 阅读(490) 评论(0) 推荐(0)
js-数组去重的方法
摘要：在js中我们想对数组中对于数字重复的值进行操作只显示一个，就分享几个方法 1、数组的indexOf（）方法 2、用数组includes()方法（比indexOf（）方便） 3、利用对象 声明一个空对象来，遍历数组判断对象是否有当前值，有就跳过，无就执行判断语句将值作为属性名存入对象 阅读全文
posted @ 2019-08-23 11:26 幽幽木云 阅读(234) 评论(0) 推荐(0)