作业问题!

来源:5-6 作业题

qq_慕九州2374973

2019-12-09 16:57:05

为啥我在我电脑是运行正常的代码,交作业上去会显示,完全不同啊,老师用的是什么浏览器测试!!!

写回答

3回答

好帮手慕慕子

2019-12-10

同学你好, 对于问题解答如下:

  1. 作业要求是内容区域宽度为1200px,但是外层盒子的背景图片或背景颜色需要全屏显示。

    http://img.mukewang.com/climg/5deef99a09b58e6b06120121.jpg

    示例:

    http://img.mukewang.com/climg/5deefa1e09b0c24807090195.jpg

  2. 同学这里实现的闪烁动画效果很棒, 但是不符合作业要求的呼吸灯效果,所以老师建议同学通过scale属性实现放大缩小的呼吸效果。

    http://img.mukewang.com/climg/5deefaf90913825805530357.jpg

  3. 因为你在鼠标移入的时候,五个语言模块上还有section3_animate动画类,所有不会停止呼吸效果。

    建议:鼠标移入的时候,先去除所有的动画类

    http://img.mukewang.com/climg/5deeff2009d3c33f13960481.jpg

    鼠标移出的时候,先清除与hover类相关的类名,然后在添加对应的动画类

    http://img.mukewang.com/climg/5deeff2e09f16dfc10200465.jpg

如果帮助到了你,欢迎采纳,祝学习愉快~

0
hq_慕九州2374973
h 谢谢老师,大致懂了,不过老师还是没注意到一个细节。鼠标第一次移入和第二移入需要移出的class是不一样的,section3_animate1和section3_animate11,前者有延时,后者没有,鼠标移出后需要立即回复动画。
h019-12-10
共1条回复

好帮手慕慕子

2019-12-09

同学你好,同学具体是指哪里不同呢?老师是在谷歌浏览器下测试的,老师去查看了一下你的作业, 因为作业中的每一个区域整体宽度设置为固定的值1200px, 导致在你的电脑上打开可能是正常显示的, 但是在其他分辨率大的电脑上显示时,页面没有全屏显示。

如果还有问题,可以再次提问,详细描述一下你的问题,便于老师帮助同学准确的定位与解决问题。

如果帮助到了你,欢迎采纳,祝学习愉快~


0
hq_慕九州2374973
h 老师还没回答设置 -webkit-animation-play-state:paused;怎么没有效果
h019-12-09
共3条回复

qq_慕九州2374973

提问者

2019-12-09

我本地的浏览器测试都是正常的

0

0 学习 · 40143 问题

查看课程