苍狼之眼

2016年2月9日

js动画之获取元素属性

摘要： 首先我们要介绍一些知识 offsetWidth element.offsetWidth = width + padding + border; width 我们也知道element.style.width 这个属性一般用来修改属性，那么在获取这个属性的时候， 如果这个元素的的样式是定义在css的文件 阅读全文

posted @ 2016-02-09 23:44 苍狼之眼 阅读(455) 评论(0) 推荐(0) 编辑

js动画之平抛运动

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>平抛运动运动</title> <style> body{margin: 0px;padding: 0px;} .animation{ background-co 阅读全文

posted @ 2016-02-09 22:40 苍狼之眼 阅读(320) 评论(0) 推荐(0) 编辑

js动画之多物体运动

摘要： 多个物体这不能使用一个定时器了，要给每个物体一个定时器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>多物体运动</title> <style> body{margin: 0px;padding: 0px; 阅读全文

posted @ 2016-02-09 21:57 苍狼之眼 阅读(235) 评论(0) 推荐(0) 编辑

js动画之缓冲运动

摘要： 缓冲运动就是运动的速度与时间或者距离有关联，不是一般的匀速运动 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>缓冲动画</title> <style> .animation{ background-colo 阅读全文

posted @ 2016-02-09 17:26 苍狼之眼 阅读(223) 评论(0) 推荐(0) 编辑

js动画之简单运动二

摘要： 透明度的变化 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>动画透明度</title> <style> .animation{ background-color: green; height: 100px; 阅读全文

posted @ 2016-02-09 11:50 苍狼之眼 阅读(199) 评论(0) 推荐(0) 编辑

导航