Web前端大学生期末作业：基于《哈尔的移动城堡》设计互动网页（含HTML、CSS、JS），功能包括轮播图和图片随鼠标移动效果以及人物小卡片展示

简介：
本项目为大学生期末作品，运用HTML、CSS及JavaScript技术，根据动画电影《哈尔的移动城堡》，开发包含轮播图与动态交互特效的互动网页，并设有角色介绍卡。 本实例是一个基于前端web的HTML、CSS、JS设计的动漫主题网站，以《哈尔的移动城堡》为主题。该网站包含6个页面，每个页面图文搭配合理且简洁明了。通过使用CSS和JavaScript实现了轮播图功能，使得图片能够自动切换展示。此外，还利用CSS创建了人物小卡片，在鼠标悬停在图片上时会放大显示，并用JavaScript实现点击获取图片的功能以及表单提交响应。 具体而言，CSS用于设置轮播图的样式及动画效果以实现其自动切换功能；而JavaScript则处理用户交互操作如鼠标点击、表单提交等。当鼠标悬停于图片之上时，通过CSS中的transform属性使图片放大显示；在用户点击选择某张图片后，则利用JavaScript获取该选中图片，并创建填写信息的表单供用户使用。最后，借助JavaScript的alert函数弹出窗口以通知用户其操作已成功完成。 此实例非常适合初学HTML的同学参考学习，其中涵盖了CSS样式设置、div布局等内容，能够帮助同学们全面掌握相关技能。