功能:页面刷新之后,客服的微信二维码需要随机更新,二维码有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>

原文地址:https://course.51qux.com/171.html