js实现页面刷新更换图片/二维码

功能：页面刷新之后，客服的微信二维码需要随机更新，二维码有6个，随机展现出一个！

实现方法：js随机生成1到6之间的任意数字，然后改变页面中的二维码；

注意事项：图片命名要有规律可寻，本人安装1~6.jpg，统一命名，图片格式一样；

html5代码：

<style type="text/css">
.contact{width: 100%;height: auto;padding: 5vw 0;background: #1975FF;}
.wechat_code{width: 100%;text-align: center;}
.wechat_code img{width: 60vw;height: auto;}
.wechat_code p{font: 4vw/1 "微软雅黑";color: #fff;}
</style>
<div class="contact">
<div class="wechat_code">
<img src="img/1.jpg"/>
<p>【关注微信·随时咨询了解，不迷路！】</p>
</div>
</div>
<script type="text/javascript">
$(function(){
var Img = parseInt(Math.random()*7,10)+1; //随机生成1到6的整数数字
updataImg(Img);//调用更新函数
function updataImg(Img){
$(".wechat_code img").attr({"src":"img/"+Img+".jpg"});//随机改变图片
}
})
</script>

js实现页面刷新更换图片/二维码相关推荐

前端js解析识别图片二维码
 <!DOCTYPE html> &l ...
在web页面上快速生成二维码的三种实用方法
转载自:在web页面上快速生成二维码的三种实用方法二维码是桌面和移动端快速分享的高效手段之一,这里介绍两个不错的快速开发二维码的方法,和大家分享一下~~ 方法1:使用极客标签提供的二维码快速生成服务 ...
图片二维码，如何将图片制作成二维码
想要将图片做成二维码? 其实很简单. 你只需要一个二维码生成器就能做到. 比如,这个业界小有名声的二维彩虹二维码生成器. 比如企业活动中,要展示多张图片:比如你想要将喜欢的插画作品保存并分享:比如你要 ...
Android实现二维码扫描功能（四）-ZXing识别图片二维码，相册选图
简介上一篇 Android实现二维码扫描功能(三)-闪光灯控制介绍了光线较弱情况下开启闪光灯来辅助二维码识别的方法. 本篇我们介绍如何识别相册中的图片(含二维码) 动态演示使用模拟器录制了动画演示 ...
在js中调用微信的扫描二维码功能
在js中调用微信的扫描二维码功能* 关键代码 <html> <head>`在这里插入代码片`<title>js调用微信扫一扫功能测试</title>&l ...
AR.js开发问题详解（二维码识别不出来及AR二维码如何进行训练）
AR.js开发问题详解(二维码识别不出来及AR二维码如何进行训练) 1. 大家碰到的很多都是二维码识别不出来的情况. 原因:周围环境的光太强或太暗,遮挡了二维码的信息,摄像头识别不到全部的信 ...
iOS相册图片二维码识别
前言:最近客户要求开发一个功能,类似微信长按图片识别图片中的二维码,一开始我使用了ZXingObjC,但是完成后被测试出有些二维码识别不了,所以只能另寻它法,之后更换为苹果系统自带的识别图片二维码的功 ...
小程序长按识别图片二维码、小程序码
三种在小程序中识别图片二维码的方式的对比 image标签 + show long press menu <image src="https://img.qr.com/qr.jpg&qu ...
android 图片二维码识别和保存(二)
续上一篇,开发图片二维码识别功能后,我们对功能进行性能分析内存占用显著提高了,不使用该功能内存占用大约是147M,使用这个功能多次以后,高达203M. 因此对功能进行研究,发现每次生成的图片没有即时的 ...
opencv中的美图技巧（祛斑,词云,风格迁移,抠图,插图,修改背景,图片二维码）等着你的女朋友夸你吧
个人ps 没掌握得怎么好,尝试用程序来完成ps的功能吧. 有斑点怎么办:祛斑. 只有一张城市白天图,像生成黑夜图怎么办,用风格迁移把. 人物抠图就不说啦吧. 没钱带女友旅游世界怎么办,我教你修改你背景 ...

js实现页面刷新更换图片/二维码

js实现页面刷新更换图片/二维码相关推荐

最新文章

热门文章