最新动态
html+css+js实现关键词随机图片
2024-11-05 02:06  浏览:73

下面的代码你可以复制过去,但是要注意文件放的位置(看我上面的目录结构)。背景图片自己找一张命名为1.jpg.

html+css+js实现关键词随机图片

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数组里面放图片的链接即可。

    以上就是本篇文章【html+css+js实现关键词随机图片】的全部内容了,欢迎阅览 ! 文章地址:http://www.dbeile.cn/quote/464.html 
     行业      资讯      企业新闻      行情      企业黄页      同类资讯      网站地图      返回首页 多贝乐移动站 http://lzlz0618.dbeile.cn/ , 查看更多