Javascript 如何将我的猫重置为原来的大小

var click=10；
$（文档）.ready（函数（）{
//导航栏事件侦听器设置
$（'.navDiv'）.mouseenter（mouseEnterButton）；
$（'.navDiv'）.mouseleave（mouseLeaveButton）；
//TODO在下面添加代码以将事件侦听器附加到按钮
//我们为您做了第一个。您可以使用`.click（）`函数或
//.on（'click'）就像我们下面做的一样。
$（'fadeDiv'）。在（'click'，fadeCat（））上；
$（'fadeDiv'）。在（'click'，hideCat（））上；
$（'fadeDiv'）。在（'click'，animateCat（））上；
$（'fadeDiv'）。在（'click'，resetCat（））上；
});
//当鼠标进入按钮时，导航栏功能将淡出
函数mouseEnterButton（）{
console.log（'enter'）；
美元（此）.fadeTo（'fast'，0.5）；
}
//当鼠标进入按钮时，导航栏功能将淡出
函数mouseLeaveButton（）{
console.log（'leave'）；
$（this.fadeTo（'fast'，1）；
}
//fadeCat是一个在单击该按钮时使cat淡入或淡出的功能
函数fadeCat（e，complete）{//忽略e，将complete用作任何jQuery fade函数的最后一个参数
//在这里做你的函数代码
//切换catImg淡入
//将“淡入淡出切换”附加到“单击列表”
$（“#fadeDiv”）。单击（函数（）{
$（“#catImg”）.fadeToggle（‘快速’，‘线性’）；
$（“#单击列表”）.append（“淡入淡出切换”）；
});
}
//hideCat是一个在单击该按钮时隐藏和显示cat图像的功能
函数hideCat（）{
//在这里做你的函数代码
//隐藏catImg
//将“隐藏切换”附加到“单击列表”
$（“#hideDiv”）。单击（函数（）{
$（“#catImg”）.toggle（'slow'）；
$（“#单击列表”）.append（“隐藏切换”）；
});
}
//animateCat是一个功能，当单击该按钮时，可将猫的高度和宽度增加10px
函数animateCat（e，complete）{//忽略e，使用complete作为jQuery animate函数的最后一个参数
//在这里做你的函数代码
//使catImg动画化
//将“动画制作”附加到“单击列表”
$（'#animateDiv'）。单击（函数（）{
$（'#catImg'）。设置动画({
高度：'+=10px'，
宽度：'+=10px'
});
$（“#单击列表”）。追加（动画制作“/p>”；
});
}
//硬模式
//resetCat是将cat照片重置为其原始大小的功能
//单击该按钮时。
函数resetCat（）{
//重置catImg
//将“重置”
”附加到“单击列表”
$（'#resetDiv'）。单击（函数（）{
$（'#catImg'）。设置动画({
高度：'-=10px'，
宽度：'-=10px'//暂时解决方案，直到我找到如何使其工作为止
});
$（“#单击列表”）。追加（“重置”
”；
});
}

正文{
字体系列：Verdana、Arial、无衬线字体；
}
纳夫迪夫先生{
高度：30px；
宽度：120px；
边界半径：5px；
填充顶部：10px；
保证金：5px；
文本对齐：居中；
颜色：#FFFFFF；
背景色：#69D2E7；
字体系列：Verdana、Arial、无衬线字体；
显示：内联块；
}
#输出{
高度：200px；
宽度：400px；
}
img{
左边距：自动；
右边距：自动；
}

任务6-2
墨西哥煎饼猫
让我褪色！
把我藏起来！
让我充满活力！
重置我！

您可以在图像加载后读取原始高度和宽度，并将其保存在变量中，或将其作为

数据-

属性分配给元素

这里有一个例子

$（窗口）.on（“加载”，函数（）{
变量$cat=$（“#catImg”），
高度=$cat.height（），
宽度=$cat.width（）；
$cat.on（“单击”，函数（）{
if（$（this.hasClass（“big”））{
$（此）。设置动画(
{
高度:高度,，
宽度：宽度
},
500
);
}否则{
$（此）。设置动画(
{
高度：“+=10px”，
宽度：“+=10px”
},
500
);
}
$（这个）.toggleClass（“大”）；
});
});
首先找到img的高度和宽度，然后重置为：


var click=10；
var imgHeight；
var imgHeight；
$（文档）.ready（函数（）{
imgHeight=$（'#catImg'）.height（）；
imgWidth=$（'#catImg'）.width（）；
//导航栏事件侦听器设置
$（'.navDiv'）.mouseenter（mouseEnterButton）；
$（'.navDiv'）.mouseleave（mouseLeaveButton）；
//TODO在下面添加代码以将事件侦听器附加到按钮
//我们为您做了第一个。您可以使用`.click（）`函数或
//.on（'click'）就像我们下面做的一样。
$（'fadeDiv'）。在（'click'，fadeCat（））上；
$（'fadeDiv'）。在（'click'，hideCat（））上；
$（'fadeDiv'）。在（'click'，animateCat（））上；
$（'fadeDiv'）。在（'click'，resetCat（））上；
});
//当鼠标进入按钮时，导航栏功能将淡出
函数mouseEnterButton（）{
console.log（'enter'）；
美元（此）.fadeTo（'fast'，0.5）；
}
//当鼠标进入按钮时，导航栏功能将淡出
函数mouseLeaveButton（）{
console.log（'leave'）；
$（this.fadeTo（'fast'，1）；
}
//fadeCat是一个在单击该按钮时使cat淡入或淡出的功能
函数fadeCat（e，complete）{//忽略e，将complete用作任何jQuery fade函数的最后一个参数
//在这里做你的函数代码
//切换catImg淡入
//将“淡入淡出切换”附加到“单击列表”
$（“#fadeDiv”）。单击（函数（）{
$（“#catImg”）.fadeToggle（‘快速’，‘线性’）；
$（“#单击列表”）.append（“淡入淡出切换”）；
});
}
//hideCat是一个在单击该按钮时隐藏和显示cat图像的功能
函数hideCat（）{
//在这里做你的函数代码
//隐藏catImg
//将“隐藏切换”附加到“单击列表”
$（“#hideDiv”）。单击（函数（）{
$（“#catImg”）.toggle（'slow'）；
$（“#单击列表”）.append（“隐藏切换”）；
});
}
//animateCat是一个功能，当单击该按钮时，可将猫的高度和宽度增加10px
函数animateCat（e，complete）{//忽略e，使用complete作为jQuery animate函数的最后一个参数
//在这里做你的函数代码
//使catImg动画化
//将“动画制作”附加到“单击列表”
$（'#animateDiv'）。单击（函数（）{
$（'#catImg'）。设置动画({
高度：'+=10px'，