Javascript 特效(一)返回顶部
摘要:1 2 3 4 5 无标题文档 6 11 48 49 50 51 52 53
阅读全文
Javascript 事件对象进阶(二)拖拽的应用 - 登录框的拖拽
摘要:1 2 3 4 5 无标题文档 6 17 18 19 20 登录 21 22 登录通行证关闭 23 24 25 26 27 28
阅读全文
Javascript 事件对象进阶(一)拖拽的原理
摘要:拖拽原理鼠标和Div的相对距离不变三大事件把拖拽加到document上拖拽简单点来说就是不停的更改物体到页面左边&顶部的距离!那么如何计算出物体到页面左端的距离呢?当鼠标按下的时候(onmousedown),我们获取鼠标距离左边&顶部 的值:clientX、clientY物体距离左边&顶部的值:of...
阅读全文
JS原生效果瀑布流布局的实现(一)
摘要:JS原生效果 实现:HTML页面布局: 1 2 3 4 5 6 7 8 9 10 11 12 13...
阅读全文
Javascript 事件对象(六)事件默认行为
摘要:事件默认行为:阻止默认事件普通写法:return false;屏蔽右键菜单 : oncontextmenu 1 2 3 4 5 无标题文档 6 29 30 31 32 33 事件默认行为实例:(自定义右键菜单) 1 2 3 4 5 无标题文档 6 9 32 33 34 35 ...
阅读全文
Javascript 事件对象(六)键盘事件
摘要:keyCode获取用户按下键盘的哪个按键 1 2 3 4 5 无标题文档 6 30 31 32 33 34 键盘事件实例: 1 2 3 4 5 无标题文档 6 38 39 40 41 42 43 44 键盘控制div移动: 1 2 3 4 5 无标题文档 6 ...
阅读全文
Javascript 事件对象(五)事件捕获
摘要:事件捕获: 1 2 3 4 5 无标题文档 6 12 53 54 55 56 57 58 59 60 61 62
阅读全文
Javascript 事件对象(四)一个事件绑定多个不同的函数
摘要:给一个对象绑定多个事件处理函数: 1 2 3 4 5 无标题文档 6 58 59 60 61 62 事件取消: 1 2 3 4 5 无标题文档 6 34 35 36 37 38
阅读全文
Javascript 事件对象(三)事件冒泡
摘要:事件流---事件冒泡取消冒泡:ev.cancelBubble=true---事件捕获Ie下是没有的,在绑定事件中,标准下是有的 1 2 3 4 5 无标题文档 6 12 40 41 42 43 44 45 46 47 4...
阅读全文
Javascript 事件对象(二)event事件
摘要:Event事件: 1 2 3 4 5 无标题文档 6 44 45 46 47 48 Event事件实例:(跟随鼠标移动的div) 1 2 3 4 5 无标题文档 6 9 33 34 35 36 37 38
阅读全文
Javascript 事件(一)
摘要:焦点事件获取焦点事件onfocus \ 失去焦点事件 onblur使浏览器能够区分用户输入的对象,当一个元素有焦点的时候,那么他就可以接收用户的输入。我们可以通过一些方式给元素设置焦点 1.点击 2.tab 3.js 不是所有元素都能够接收焦点的.能够响应用户操作的元素才有焦点焦点事件例子 : 1...
阅读全文
Javascript DOM基础(二) childNodes、children
摘要:childNodes知识点: 1 2 3 4 5 无标题文档 6 52 53 54 55 56 11111 span57 2222258 3333359 4444460 pppppppp61 62...
阅读全文
Javascript DOM基础(一)概念
摘要:Dom基础概念: 1 2 3 4 5 无标题文档 6 22 23 24 25 26 1111111127 28 1111129 2222230 3333331 ...
阅读全文
JS运动基础(四) 碰撞运动
摘要:碰撞运动撞到目标点,速度反转无重力的漂浮Div速度反转滚动条闪烁的问题过界后直接拉回来加入重力反转速度的同时,减小速度纵向碰撞,横向速度也减小横向速度小数问题(负数) 1 2 3 4 5 无标题文档 6 9 52 53 54 55 56 57 自由落体 : 1 2 3 4 5 无标...
阅读全文
JS运动基础(三) 弹性运动
摘要:加减速运动速度不断增加或减少速度减小到负值,会向反方向运动弹性运动在目标点左边,加速;在目标点右边,减速根据距离,计算加速度带摩擦力的弹性运动弹性运动+摩擦力弹性:速度 += (目标点 - 当前值)/系数; //6 , 7 , 8速度 *= 摩擦系数; // 0.7 0.75终止条件距离足够近 并且...
阅读全文
图片的预先加载
摘要:图片的预先加载讲解: 1 2 3 4 5 无标题文档 6 44 45 46 47 48 49 图片的预先加载应用实例: 1 2 3 4 5 无标题文档 6 11 48 49 50 51 52 53 54 ...
阅读全文