rookieM - 博客园

2016年11月3日

摘要：通过学习，我发现当同一个ul下的li标签如果想要不同的效果，那怎么办？比如第一个li是width变化，第二个li为透明度(opacity)变化，而opacity的值和width的值类型不同，不能通用那怎么办？而设置两个函数，只为了，两个值变化就显得太过麻烦，通过学习，我发现可以通过一些方法来实现阅读全文

posted @ 2016-11-03 14:57 rookieM 阅读(246) 评论(0) 推荐(0) 编辑

javascript动画效果之多物体透明度

摘要： html和css 仅为布局，需要注意的是filter对应的是老版本的ie浏览器透明度，而opacity对应的其他浏览器的透明度 js部分也是通过for循环来给每个li标签都加入一个鼠标触发事件阅读全文

posted @ 2016-11-03 09:40 rookieM 阅读(289) 评论(0) 推荐(0) 编辑

javascript动画效果之多物体缓冲运动

摘要：这个是通过一个for循环控制的三个li标签，被鼠标触发则会有一个宽度增加和减少的事件 html和css同样写在一起方便察看，这里就是简单的布局，重点在js js部分就是通过for循环给每个li都绑定事件，同时为了避免冲突，每个li都需要一个单独的定时器阅读全文

posted @ 2016-11-03 09:25 rookieM 阅读(341) 评论(0) 推荐(0) 编辑

2016年11月2日

javascript动画效果之缓冲动画(修改版)

摘要：在编写多块同时触发运动的时候，发现一个BUG，原版的html和css代码在这里javascript动画效果之缓冲动画 js代码如下阅读全文

posted @ 2016-11-02 21:12 rookieM 阅读(453) 评论(0) 推荐(0) 编辑

javascript动画效果之透明度(修改版)

摘要：在编写多块同时触发运动的时候，发现一个BUG，原版的html和css代码在这里javascript动画效果之透明度 js代码如下阅读全文

posted @ 2016-11-02 20:53 rookieM 阅读(472) 评论(0) 推荐(0) 编辑

javascript动画效果之匀速运动(修订版)

摘要：在编写多块同时触发运动的时候，发现一个BUG，原版的html和css代码在这里javascript动画效果之匀速运动 js代码如下阅读全文

posted @ 2016-11-02 17:19 rookieM 阅读(527) 评论(0) 推荐(0) 编辑

javascript动画效果之缓冲动画

摘要：这里的html和css的代码是复制之前的随便匀速运动的，所以不需要改变 js代码和之前的匀速运动的区别在于需要添加一个变量用来控制速度变化阅读全文

posted @ 2016-11-02 14:20 rookieM 阅读(889) 评论(0) 推荐(0) 编辑

javascript动画效果之透明度

摘要：在css中的filter对应老版本的ie浏览器，opacity对应的是其他浏览器 js中需要在开始自增和开始自减前清除定时器，否则当鼠标多次移动，则会无限叠加自增和自减阅读全文

posted @ 2016-11-02 09:59 rookieM 阅读(821) 评论(0) 推荐(0) 编辑

javascript动画效果之匀速运动

摘要： html和css写在一起方便看,div通过定位设置为-200隐藏,span也是通过定位定在div靠左的中间 js部分是通过添加定时器设置offsetLeft值的自增和自减，来达到div显示和隐藏的效果阅读全文

posted @ 2016-11-02 09:29 rookieM 阅读(1178) 评论(0) 推荐(0) 编辑

2016年11月1日

JS中offsetTop、clientTop、scrollTop、offsetTop各属性介绍(转载)

摘要：这里是JavaScript中制作滚动代码的常用属性页可见区域宽： document.body.clientWidth;网页可见区域高： document.body.clientHeight;网页可见区域宽： document.body.offsetWidth (包括边线的宽);网页可见区域高： d 阅读全文

posted @ 2016-11-01 16:46 rookieM 阅读(496) 评论(0) 推荐(0) 编辑

rookieM的小黑屋

不一定原创，学习随笔

公告