我正在寻找一种从中心到左侧启动marquee
(文本滑块)的方法。
因为如果我重新加载页面,则选取框是空白的。
答案 0 :(得分:0)
请注意marquee
is obsolete in HTML5和its events aren't well-supported。
那就是说,一种方法是使用text-indent
,但它会略微移动。要解决这个问题,您可以在setInterval
上慢慢减少其属性。 See this fiddle,或运行以下代码段:
var textIndentPercent = 50;
var marqueeCenteringInterval = setInterval(function() {
console.log(document.getElementById('my-marquee'));
console.log(textIndentPercent);
console.log(document.getElementById('my-marquee').style.textIndent);
document.getElementById('my-marquee').style.textIndent = -textIndentPercent + '%';
textIndentPercent -= 0.1;
if (textIndentPercent < 0) {
document.getElementById('my-marquee').style.textIndent = '0px';
clearInterval(marqueeCenteringInterval);
}
}, 100);
<marquee id="my-marquee" style="">This is basic example of marquee</marquee>