0

spin()関数を初めて実行すると、機能します。と呼ばれる画像の y 座標を取得しますnum。これは 470 です。その後のすべての実行では、画像が動いているのがわかりますが、470 のままです。 

<p id="demo">Click the button to display the y position.</p>
<div style="position:absolute; top:450px; width:300px; height:140px; overflow:hidden; background-color:black;">
    <div style="position:relative; top:20px; left:30px; width:80px; height:100px; overflow:hidden; background-color:white;">
        <img id="numbers" src="numbers.png" style="position: absolute; left: 8px;">
    </div>
    <button id="spinButton" style="position: relative; left: 200px; width: 80px;" onclick="spin();">SPIN</button>
</div>

var num = document.getElementById("numbers");
var spn_btn = document.getElementById("spinButton");

function spin() {
    //generate a random offset value divisible by 100
    var newNumber = (randomNumber() * 100) + 300;

    //Debug
    document.getElementById("demo").innerHTML = num.y;

    TweenMax.to(num, 2, {
        y: -newNumber
    });
}

function randomNumber() {
    var rand = Math.floor(Math.random() * 10);
    return rand;
}

( TweetMaxを使用)

4

1 に答える 1

0

問題は次の行にあるようです。

TweenMax.to(num, 2, {y:-newNumber});

私はこのライブラリに慣れていないので、本来の機能を果たしているかどうかはわかりません。また、画面のどこにも画像がポップアップ表示されません。必要な機能について詳しく教えてください。

于 2013-08-24T20:29:52.467 に答える