选框从中间向左开始

时间:2015-03-30 22:52:59

标签: javascript html css animation marquee

我正在寻找一种从中心到左侧启动marquee(文本滑块)的方法。

因为如果我重新加载页面,则选取框是空白的。

1 个答案:

答案 0 :(得分:0)

请注意marquee is obsolete in HTML5its 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>