下面的代码你可以复制过去,但是要注意文件放的位置(看我上面的目录结构)。背景图片自己找一张,命名为1.jpg.
pictures.html:
下面两个css文件放在css文件夹里面。
defaule.css:
search-form.css:
文章前面我已经给了完整的html代码,在这里我简单的说明一下。
post请求pictures.php传入的数据为{“str”:value,‘id’:id},其中value就是输入关键词,id是随机生成的24的倍数的整数。返回的数据类型为json,然后获取长度再随机选择一个图片链接。
电脑没有配置php环境的小伙伴也不要着急,可以定义一个数组,里面存放图片链接,或者本地图片都可以。
找到文章前面的pictures.html里面的submitFn函数,把下面代码替换掉之前的。然后在img_list数组里面放图片的链接即可。