Question

我正在学习Jquery，我正在尝试做一个简单的SlideShow，但没有任何反应......

这是我的HTML

    <!doctype html>
<html lang="en">
<head>


    <link rel="stylesheet" type="text/css" href="css/Style.css">
    <meta charset="UTF-8">
    <title>SlideShow</title>
</head>


<body>
    <div id="slides">       
        <img src="imgs/1.jpg">
        <img src="imgs/2.jpg">
        <img src="imgs/3.jpg">
    </div>


    <script type="text/javascript">
        $(function(){
            $("#slides").cycle({

                fx: 'fade',
                speed:2000,
                timeout:4000,
            });
        })
    </script>


    <script type="text/javascript" src="js/Jquery.js"></script>
    <script type="text/javascript" src="js/Cycle.js"></script>  


</body>
</html>

我的Css：

*{
    margin: 0;
    padding: 0;
}

#slides{
    width: 1024px;
    height: 768px;
    margin: 0 auto;
    overflow: hidden;
}

我也试图改变，这个：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

为此：

<script src="js/jquery-1.11.0.js"></script>

没什么......

Answer 1

您需要在Cycle插件之前添加jQuery，因此请在此处颠倒您的脚本顺序：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="js/Cycle.js"></script>

此外，最好在CSS之前加入Javascript，并在关闭Javascript代码之前将</body>放在页面底部。< / p>

Jquery Cycle（）不起作用

1 个答案: