无标题文档*{ margin:0; padding:0;}#box{ width:400px; height:50px; border-radius: 10px; line-height: 50px; text-align: center; margin: 200px auto; font-size: 20px; background: black; position: relative;}#box #span{-webkit-background-clip: text; color: rgba(255,255,255,1); -webkit-user-select: none; background: -webkit-linear-gradient(135deg,rgba(0,0,0,0) 0%, rgba(0,0,0,0) 24%, rgba(255,255,255,0.7) 25%, rgba(255,255,255,0.7) 35%, rgba(0,0,0,0) 36%, rgba(0,0,0,0) 100%);} #box img{position: absolute; width: 60px; height: 50px; left: 0px; cursor: pointer; top: 1px; display: block;}/*#box #span:hover{background-position:100px 0,250px 0;}*/<script> window.onload=function(){ var oDiv1=document.getElementById('box'); var oDiv2=document.getElementById('img'); var oSpan=document.getElementById('span'); var obj=null; setInterval(function(){ setInterval(function() { var dis=200-oSpan.offsetWidth; if(dis |