0 
<!DOCTYPE html>
<html>
<head>
    <title>practice1</title>
    <style>
        .window{width:100%;height:700px;}
        #window1{background:black; color:white;}
        #window1>#x1>h1 {font-size:10px}
        #window2{background:green; color:white;}
        #window3{background:yellow; color:black;}
        #window4{background:white; color:black;}
        #window5{background:red; color:white;}
    </style>
</head>
<body>
    <div id="window1" class="window">
        <div id="x1">
            <h1>fade it</h1>
        </div>
    </div>
    <div id="window2" class="window">
        <div id="x2">
            <h1>fade it</h1>
        </div>
    </div>
    <div id="window3" class="window">
    </div>
    <div id="window4" class="window">
    </div>
    <div id="window5" class="window">
    </div>

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script src="TweenMax.min.js" type="text/javascript"></script>
    <script src="jquery.superscrollorama.js" type="text/javascript"></script>
    <script type="text/javascript">
    $(document).ready(function(){
        var controller=$.superscrollorama();
        TweenMax.to("x1",5,{fontSize:50px});
        controller.addTween("#x2", 3, TweenMax.to("#x2", 3, {scale:2,color:blue}));
    });
    </script>
</body>

superscrollorama を使用して Web サイトに取り組んでいましたが、うまくいきませんでした。だから私は練習をすることにしましたが、それでもこの単純なコードは機能しません。上記のファイルにすべてを含めました。greensock の TweenMax.min.js と jquery.superscrollorama.js を使用してファイルを確認するだけです。私は本当にイライラしています.間違いはほんのわずかであることを知っていますが、誰かが私を理解するのを手伝ってくれます. 事前に感謝します。

4

1 に答える 1