- 博客(6)
- 收藏
- 关注
原创 animate动画封装(升级版)
升级版animate运动框架一、思路分析1.获取初始状态集合,目标状态集合,便于得到变化量集合originalJSON 初始状态集合,这个JSON永远不变targetJSON 目标状态集合,这个JSON永远不变deltaJSON 差值集合,这个JSON永远不变2.主要添加了缓冲二、代码// 这个版本主要修改:// 1)修改了变量名frameNumber//
2016-10-13 14:12:11 423
原创 js点击某个元素控制div显示,点击除div区域外任意处div隐藏
js点击元素a(或其他元素)控制div、 input显示,点击div区域外任意处div隐藏Document*{margin: 0;padding: 0}a{ display: inline-block; width: 50px;height: 50px;background: #f40;margin: 50px 0 0 50px;}div{margin: 60p
2016-10-12 23:14:50 15352 1
原创 animate动画封装(初级)
封装一个简单初级的animate运动框架一、思路分析1.需要获取起点(当前位置)和终点(目标位置),得到变化量以及步长。信号量JSON samaphoerJSON,即现在的状态,时刻变化的终点信号量JSON targetJSON步长信号量JSON stepJSON2.代码编写步骤(1)函数设置 function a
2016-08-24 10:14:51 409
原创 javascript 学习分析及总结
造一个轮子---获取计算后样式一、思路分析1.主要考虑到兼容浏览器的问题,即高级浏览器和IE6、IE7、IE8高级浏览器写法:window.getComputedStyle(oDiv).getPropertyValue("width");getComputedStyle(oDiv).getPropertyValue("width");getComputedStyle(oDi
2016-08-23 11:50:51 434
原创 bootstrap学习心得笔记--第一节【bootstrap配置】
一、什么是bootstrap?Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目。Bootstrap 是完全开源的。它的代码托管、开发、维护都依赖 GitHub 平台。二、bootstrap的配置1.下载用于生产环境的 Bootstrap2.在html中的运用(1)html文件的头部设置(2)bo
2016-04-22 16:03:06 392
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人