摘要: 跟其他物体运动略有不同,物体透明度在IE9以下版本有不兼容的情况,因此要用filter:alpha(opacity:30);这样的写法兼容,我们需要声明一个变量alpha = 30;来保存一下当前的透明度,再通过改变变量的值来修改透明度。当然用JQ的fadeIn和fadeOut也可以实现同样的效果, 阅读全文
posted @ 2017-01-18 16:35 萤子 阅读(265) 评论(0) 推荐(0)
摘要: 跟匀速运动不同的是,缓冲运动的运动方式是先快后慢,所以必须想办法让速度越来越慢。这里用iTarget作为参数代表目标点,可以通过(iTarget-oDiv.offsetLeft)/15(分母自取,可控制速度快慢)这样的算法让速度越来越慢,到最后除出来的是小数,所以必须要向上和向下取整以至精准。 阅读全文
posted @ 2017-01-18 16:24 萤子 阅读(161) 评论(0) 推荐(0)
摘要: JS控制物体运动,关键的一步是要运动的物体样式中要设定绝对定位position: absolute,这里主要是通过定时器控制物体匀速运动,每隔30毫秒让物体运动10个像素,直到符合判断条件移动到300px的位置关闭定时器,这用CSS3动画完全能达到同样的效果。一般定时器的开和关都是成对出现的,为了避 阅读全文
posted @ 2017-01-05 14:09 萤子 阅读(159) 评论(0) 推荐(0)