giftastic:使用GIPHY API制作一个动态网页,其中填充了您选择的gif文件

时间:2024-06-01 08:16:02
【文件属性】:

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

文件大小:6KB

文件格式:ZIP

更新时间:2024-06-01 08:16:02

JavaScript

天赋的 使用GIPHY API来创建一个动态网页,其中填充了您选择的gif。 ###链接至演示: : 技术包括 HTML5 CSS3 JavaScript jQuery的 引导程序 字体很棒 Giphy API 指示 在使我们网站的任何部分正常工作之前,您需要创建一个字符串数组,每个字符串都与您感兴趣的主题相关。 将其保存到名为主题的变量中。 我们为主题选择了动物,但您可以根据自己的喜好列出清单。 您的应用应采用此数组中的主题,并在HTML中创建按钮。 尝试使用为数组中的每个字符串附加一个按钮的循环。 当用户单击按钮时,页面应从GIPHY API捕获10个静态,非动画的gif图像,并将其放置在页面上。 当用户单击静止的GIPHY图像之一时,gif应该动画。 如果用户再次单击gif,它将停止播放。 在每个gif下,显示其等级(PG,G,依此类推)。 此数据由GIPH


【文件预览】:
giftastic-master
----assets()
--------images()
--------javascript()
--------css()
----README.md(2KB)
----index.html(3KB)

网友评论