GifTastic:使用GIPHY API制作一个动态网页,其中填充了gif文件

时间:2024-05-02 07:41:07
【文件属性】:

文件名称:GifTastic:使用GIPHY API制作一个动态网页,其中填充了gif文件

文件大小:279KB

文件格式:ZIP

更新时间:2024-05-02 07:41:07

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)

网友评论