推广 热搜:   教师  系统  企业  行业  中国  公司    设备  服务 

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

   日期:2024-11-05     浏览:73    移动:http://lzlz0618.dbeile.cn/quote/464.html

下面的代码你可以复制过去,但是要注意文件放的位置(看我上面的目录结构)。背景图片自己找一张命名为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数组里面放图片的链接即可。

本文地址:http://www.dbeile.cn/quote/464.html    多贝乐 http://www.dbeile.cn/ , 查看更多

特别提示:本信息由相关企业自行提供,真实性未证实,仅供参考。请谨慎采用,风险自负。


相关行业动态
推荐行业动态
点击排行
网站首页  |  关于我们  |  联系方式  |  使用协议  |  版权隐私  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  鄂ICP备2023001713号