微件:精灵图滚动
来自EaseCation Wiki
更多操作
<iframe srcdoc=" <!DOCTYPE html> <html> <head> <style>
- {margin:0;padding:0;box-sizing:border-box}
body{overflow:hidden}
- s{will-change:background-position}
</style> </head> <body>
<script> var s = document.getElementById('s'); var width = parseInt("") || 0; var height = parseInt("") || 0; var url = decodeURIComponent(""); var frameHeight = parseInt("") || 0; var step = parseFloat("") || 0; var frameTime = parseFloat("") || 0;
s.style.width = width + 'px'; s.style.height = height + 'px'; s.style.backgroundImage = 'url(' + JSON.stringify(url) + ')'; s.style.backgroundRepeat = 'repeat-y';
var p = 0; setInterval(function() {
p = (p + step) % (frameHeight * 2); s.style.backgroundPosition = '0 ' + (-p) + 'px';
}, frameTime); </script> </body> </html> " frameborder="0" style="width:px;height:px;overflow:hidden;"> </iframe>