js实现页面刷新更换图片/二维码 jquery在页面刷新后随机加载一个图片

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

赞(1) 打赏
未经允许不得转载:版权所有@七娃设计室七娃博客 » js实现页面刷新更换图片/二维码
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

七娃设计,让设计贴近生活

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏