为了账号安全,请及时绑定邮箱和手机立即绑定

JS动画效果

vivian Web前端工程师
难度初级
时长 2小时 8分
学习人数
综合评分9.60
537人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰
使用Chrome的,按F12,在Console里复制回车以下代码
var vid = document.getElementById("video-box-mocoplayer-hls-video_html5_api");
vid.playbackRate = 0.5;
然后你会回来赞我的。
1l很敏锐,老师这样写最后那个setinterval并没有消除,之所以停下来时因为速度speed为0
忽然想做游戏
为什么不共享代码呢
谁写了里面的css的代码啊啊。。。拿出来分享一下啊。。。。自己不想敲。。。。
这个 老师 讲的真好 这个老师还有没有 其他的视频啊
$(document).ready(function() {
var div1=$('#div1');
div1.mouseover(function(){
if(!div1.is(":animated")){//当前没有动画则添加动画
div1.animate({left:"0px"},"slow");
}
});
div1.mouseout(function(){
div1.animate({left:"-200px"},"slow");
});
});
写了一个jQuery的版本的,但是有bug,有些时候移入鼠标不会有效果,还望大神赐教。
也不知道我的评论会不会被看到.这个老师的代码有个bug.
timer=setInterval(function()
{
if(oDiv.offsetLeft==0)
{
clearInterval(timer);
}
else{ oDiv.style.left=oDiv.offsetLeft+10+'px';}
},300)

如果对象的宽度不是200这种整数,就没有办法正好减到0.那就会一直无限增加下去.
所以这样
if(This.offsetLeft>=0){This.style.left='0';clearInterval(timer); };
说一点,offsetleft和left都是指距离左边的距离,但offsetleft是只读的,并且返回的是数字,如果要修改,就只能通过
style.left的方式.就酱
难道都没有发现事件冒泡的问题吗 有没有解决的 还望赐教!!!!
我看了原生再看JQ简直感觉被打通了一样!!!!!!!!!!!!!!!
很喜欢这个老师
我遇到的坑:if(flag){clearInterval(obj.timer);if(fn){fn()}} 应该放在定时器内,json的for遍历后;切记不要把这个判断放在for循环内,老师的代码的问题是 定时器一直在开启,但因为speed最后为0,所以对效果不会有影响,但对链式运动有影响,只会执行一个运动。
虽然我也感觉到了@Fstar的问题,但是我实践后,发现老师的代码没有问题,把flag定义在定时器内,没有达到想要的效果。没有经过实践就得出结论,这个世界不是你以为的就是你以为的,你成功地坑了一片人。。。
了解了原生js,我对jq的部分也更加深入的理解了,谢谢老师无私的奉献
课程须知
1.您至少已经具备JavaSript的知识。2.您已经具备一些开发经验。
老师告诉你能学到什么?
1.使用定时器实现简单动画。2.如何一步步封装库。2.培养编程的思想。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消