【文件属性】:
文件名称:GifTastic:使用GIPHY API制作一个动态网页,其中填充了gif文件
文件大小:279KB
文件格式:ZIP
更新时间:2021-04-12 13:54:27
JavaScript
GifTastic
概述
在此分配中,您将使用GIPHY API制作一个动态网页,其中填充了您选择的gif。 要完成此任务,您必须调用GIPHY API并使用JavaScript和jQuery更改网站HTML。
实现奖金目标
移动响应
“加载更多”功能
“添加到收藏夹”
“从收藏夹中删除”
其他元数据(标题)
指示
在使网站的任何部分正常工作之前,您需要创建一个字符串数组,每个字符串都与您感兴趣的主题相关。 将其保存到名为主题的变量中。
我们为主题选择了动物,但您可以根据自己的喜好列出清单。
您的应用应采用此数组中的主题,并在HTML中创建按钮。
尝试使用为数组中的每个字符串附加一个按钮的循环。
当用户单击按钮时,页面应从GIPHY API捕获10个静态,非动画的gif图像,并将其放置在页面上。
当用户单击静止的GIPHY图像之一时,gif应该动画。 如果用户再次单击gif,
【文件预览】:
GifTastic-master
----index.html(4KB)
----.vscode()
--------settings.json(40B)
----assets()
--------images()
--------js()
--------css()
----README.md(2KB)