Question

我正在建立一个实习计划的网站，并且基础知识也很顺利。但是，我似乎无法让JQuery Cycle工作。我检查了JQuery是否更新以及代码是否正常。除了JQuery Cycle函数之外它工作正常。这是没有CSS的代码。

<html>
    <body>
        <head>

            <img src="Seal.png"> 

            <h1> S.T.E.M-READY </h1>

            <div>
                <ul>
                    <li><a href ="Home.html">Home</a></li>
                    <li><a href ="AboutUS.html">About Us</a></li>
                    <li><a href ="Alumni.html">Alumni</a></li>
                    <li><a href ="Sponsors.html">Sponsors</a></li>
                    <li><a href ="Apply.html">Apply</a></li>
                </ul>

            </div>

        </head>



        <div class="pics">
            <img src="Picture1.jpg" width="350" height="300"/>
            <img src="Picture2.jpg" width="350" height="300"/>
            <img src="Picture3.jpg" width="350" height="300"/>
            <img src="Picture4.jpg" width="350" height="300"/>
            <img src="Picture5.jpg" width="350" height="300"/>
        </div>



    </body> 

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
    <script src="http://malsup.github.com/jquery.cycle.all.js" type="text/javascript"></script>
    <script type="text/javascript">
    $(document).ready(function() {
        $('.pics').cycle(
        { 
            fx: 'fade', 
            speed: 300, 
            timeout: 1000, 
            next: '#s3', 
            pause: 1 
            });


        });
    </script>`

</html>

我不能让JQuery Cycle工作

0 个答案: