bootstrap插件

我按照网上的介绍添加了一个轮播插件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <!-- <link rel="stylesheet" type="text/css" href="e:\code\unslider.css"> -->

    <style type="text/css">
        .banner { position: relative; overflow: auto; }
            .banner li { list-style: none; }
                .banner ul li { float: left; }
    </style>

</head>
<body>
<div class="banner">
    <ul>
        <li><img src="E:\code\练习\img\book1.jpg" width="300px" height="200px"></li>
        <li><img src="E:\code\练习\img\book2.jpg" width="300px" height="200px"></li>
        <li><img src="E:\code\练习\img\book3.jpg" width="300px" height="200px"></li>
    </ul>
</div>
    <script src="e:\code\jq.js" type="text/javascript"></script>
    <script src="e:\code\unslider-min.js" type="text/javascript"></script>
      <script type="text/javascript">
        $(function() {
            $('.banner').unslider(
                speed: 500,               //  The speed to animate each slide (in milliseconds)
                delay: 3000,              //  The delay between slide animations (in milliseconds)
                complete: function() {},  //  A function that gets called after every slide animation
                keys: true,               //  Enable keyboard (left, right) arrow shortcuts
                dots: true,               //  Display dot navigation
                fluid: false    )

        });
    </script>
</body>
</html>

但是实际效果只有三张图的浮动,没有任何轮播效果,麻烦帮我看看哪里出错了么。

各个外链肯定没问题,都检查过了

阅读 3k
1 个回答
新手上路,请多包涵

试试引入bootstrap的css和js

<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进