【文件属性】:
文件名称:giftastic:使用GIPHY API制作一个动态网页,其中填充了您选择的gif文件
文件大小:6KB
文件格式:ZIP
更新时间:2021-05-12 14:29:22
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)