1

20 ミリ秒ごとに 1px 移動する行の単純なコードを作成しようとしています (ティッカーのような smt)。また、.offsetWidth プロパティを使用して、ブラウザー ウィンドウの端に到達したら非表示にします。残念ながら、私は立ち往生しており、まったく動かない理由がわかりません。間違いを見つけるのを手伝ってください、または間違った方向に進んでいる可能性がありますか? ありがとう！

<html>
<head>
    <title>Blablabla</title>
    <meta charset ="utf-8">
    <!-- <script type="text/javascript" src="line.js"></script> -->
</head>
<body onload="interval()">
    <div id="line">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
    </div>
<script type="text/javascript">
    function interval() {
        var line = setInterval(function(){document.getElementById("line").style.left = scroll.offsetWidth}, 20);
    }
</script>
</body>
</html>
4

3 に答える 3

0

これが私のショットです：

<html>
<head>
    <title>Blablabla</title>
    <meta charset ="utf-8">
    <!-- <script type="text/javascript" src="line.js"></script> -->
</head>
<body>
    <div id="line">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
    </div>
<script type="text/javascript">
number = 5; //should be increased each time
setInterval(function(){var d = document.getElementById('line');
d.style.position = "absolute";
number++; //increase number
d.style.left = number; //move the div according to the number
}, 200); //notice that you can increase/decrease 200 according to your will

</script>
</body>
</html>
于 2016-02-16T10:34:48.760 に答える