《疯狂动物城2》大火，于是我写了一个网页

不得不说，很少有一部主流商业动画，尤其是美国的商业动画，敢用轻松甚至搞笑的方式，将这两个问题摆上台面。它虽然没有展开深挖，把这些历史和现实的话题带进大众视野，本身就是一次难得的突破。

《疯狂动物城2》大火，于是乎，我写了一个网页。

1.技术应用： HbuilderX，分为三个文件夹：HTML、CSS、JS

2.设计理念与定位： "历史与现代的对话"——通过迪士尼IP《疯狂动物城2》的趣味性，通过巧妙的隐喻，用动物世界拉高了抽象层级，既让人一眼看出与现实的相似，又避免对号入座。

3.导航设计： 本网站设置了"首页"、"角色介绍"、"预告片"、"剧照"、"剧情介绍"和"联系我们"六个主要导航标签。

这个网页设计完全使用原生HTML、CSS和JavaScript实现，没有引入任何第三方CSS库。所有元素都采用CSS3现代特性，并确保在主流浏览器上兼容。页面采用了响应式布局，在不同屏幕尺寸下都能良好展示，包括手机和平板设备。

交互功能：

• 移动端汉堡菜单；

• 导航链接悬停效果；

• 按钮悬停动画；

• 卡片悬停效果；

• 视频占位符点击交互；

1. 首页

2. 角色介绍页面

3. 预告片页面

4. 剧照页面

5. 剧情简介页面

6. 联系页面

希望大家能喜欢。