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

JS动画效果

vivian Web前端工程师
难度初级
时长 2小时 8分
学习人数
综合评分9.60
537人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰
女老师的课我都爱听(^・ω・^ )
var flag=true;确实放错了位置
谢谢老师!
为什么我的效果没出来呢,鼠标滑过就一个透明的效果,图标上下没动?
老师讲得很好,且还有插画辅助,一听就明白了~
求问这个有木有源码啊
女神老师啊
一进一出,我能玩一年
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;
}


}

}
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);
})
}
}
function getStyle(obj,attr){

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


}
有意思,这节课好玩,嘿嘿嘿!
讲课太啰嗦了,快进着看完的
实在是学不懂JS啊,求救大神们有没有好的学习方法。。。学习一哈啊
startMove(obj,json,fn)
课程须知
1.您至少已经具备JavaSript的知识。2.您已经具备一些开发经验。
老师告诉你能学到什么?
1.使用定时器实现简单动画。2.如何一步步封装库。2.培养编程的思想。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消