JS动画效果_技术问答_慕课网

首页免费课 JS动画效果问答

JS动画效果

全部评论问答未解决精华

盒子模型div

已采纳回答 / qq_安逸_4

会显示，只是没有背景时看不出来

2 回答 484 浏览 2-2 JS透明度动画

2016-03-16

呆4

var flag=true;确实放错了位置

0 6-2 完美运动框架

2016-03-16

跑起来了，但是为什么没有停下来啊？求救啊，求救。

已采纳回答 / 呆4

你没有清除样式，也就是加上这段*{margin:0;padding:0;}。导致你div的left并不等于200这个整数，导致你后面odiv.style.left = odiv.offsetLeft+10+'px';时，至直接跳过了odiv.offsetLeft == 100这个数，从而使得你的程序停不下来，你可以先把if(odiv.offsetLeft == 100){ clearInterval(timer); }修改为if(odiv.offsetLeft <= 100){ ...

4 回答 675 浏览 2-1 JS速度动画

2016-03-16

懒人一只

谢谢老师！

0 7-2 jQuery动画案例

2016-03-16

为了少写一个参数而多写这么多代码值得吗

最新回答 / turings

看情况！

1 回答 470 浏览 2-1 JS速度动画

2016-03-15

往事已成云烟

为什么我的效果没出来呢，鼠标滑过就一个透明的效果，图标上下没动？

0 7-2 jQuery动画案例

2016-03-15

穆老

老师讲得很好，且还有插画辅助，一听就明白了～

0 4-2 获取样式

2016-03-15

lan疯子

求问这个有木有源码啊

1 2-2 JS透明度动画

2016-03-14

wjlwcl

女神老师啊

0 1-1 JS动画效果课程介绍

2016-03-14

mayb

一进一出，我能玩一年

3 2-1 JS速度动画

2016-03-14

a123456789_0001

var time=null;
function startMove(obj,Target,attr,opacity,speed,fn){
clearInterval(time);
if(parseInt(getStyle(obj,attr))==Target){
clearInterval(time);
if(fn){
fn();
}else{

obj.style[attr]=parseInt(getStyle(obj,attr))+speed+"px";
obj.style.opacity=opacity;
}

}

}

0 5-1 JS链式动画

2016-03-12

a123456789_0001

var oDiv=document.getElementById("box");
oDiv.onmouseover=function(){
var obj=this;
startMove(obj,400,"width",1,5,function(){
startMove(obj,300,"height",0.5,5);
});

oDiv.onmouseleave=function(){
var obj=this;
startMove(obj,200,"height",1,-5,function(){
startMove(obj,200,"height",0.5,-5);
})
}
}

0 5-1 JS链式动画

2016-03-12

a123456789_0001

function getStyle(obj,attr){

if(obj.currentStyle){
return obj.currentStyle[attr];
}else{
return getcomputedStyle(obj,false)[attr];
}

}

0 4-2 获取样式

2016-03-12

DM_耿

有意思，这节课好玩，嘿嘿嘿！

0 2-1 JS速度动画

2016-03-12

lakb248

讲课太啰嗦了，快进着看完的

1 2-2 JS透明度动画

2016-03-11

xjs_

实在是学不懂JS啊，求救大神们有没有好的学习方法。。。学习一哈啊

3 2-2 JS透明度动画

2016-03-11

首页上一页 140 141 142 143 144 145 146 下一页尾页

开始学习

课程须知: 1.您至少已经具备JavaSript的知识。2.您已经具备一些开发经验。

老师告诉你能学到什么？: 1.使用定时器实现简单动画。2.如何一步步封装库。2.培养编程的思想。

微信扫码，参与3人拼团

意见反馈帮助中心 APP下载

友情提示：

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

查看已购买的课程

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？

确认取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？

确认取消

举报

0/150

提交

取消