如要实现请参考使用javascript脚本语言。
答题不易，互相理解，您的采纳是我前进的动力，
您也可以向我们团队发出请求，会有更专业的人来为您解答。
如果我的回答没能帮助您，请继续追问。
html图片循环滚动无缝隙代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
/*gundongtupian*/
#demo0 {
width:712px
height:134px
overflow:hidden
margin:auto
}
#demo0 img {
float:left
margin-left:10px
border:3px #ffffff solid
}
#indemo0 {
float: left
width: 800%
}
#demo10 {
float: left
}
#demo20 {
float: left
}
</style>
</head><body>
<div id="demo0">
<div id="indemo0">
<div id="demo10">
<a href="#"><img src="images/tu1.jpg" width="167" height="128" border="0" /></a>
<a href="#"><img src="images/tu1.jpg" width="168" height="128" border="0" /></a>
<a href="#"><img src="images/tu1.jpg" width="168" height="128" border="0" /></a>
<a href="#"><img src="images/tu1.jpg" width="168" height="128" border="0" /></a>
<a href="#"><img src="images/tu1.jpg" width="168" height="128" border="0" /></a>
</div>
<div id="demo20"></div>
</div>
</div>
<script language="javascript">
<!--
var speed0=40//数字越大速度越慢
var tabb=document.getElementById("demo0")
var tabb1=document.getElementById("demo10")
var tabb2=document.getElementById("demo20")
tabb2.innerHTML=tabb1.innerHTML+tabb1.innerHTML
function Marquee2(){
if(tabb2.offsetWidth-tabb.scrollLeft<=0)
tabb.scrollLeft-=tabb1.offsetWidth
else{
tabb.scrollLeft++
}
}
var MyMar2=setInterval(Marquee2,speed0)
tabb.onmouseover=function(){clearInterval(MyMar2)}
tabb.onmouseout=function(){MyMar2=setInterval(Marquee2,speed0)}
-->
</script>
</body>
</html>
看你的代码你应该用的是vue框架，需要在button上写：
<button class="shou" v-for="index in 5" :key="index">....
</button>
v-for是循环，index代表的是索引值，5是循环的次数。在vue里，循环必须要写上key属性，key属性具有惟一性，不能重复，index是惟一的，所以其值可以用index。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）