首页 > bootstrap插件

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>

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

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

【热门文章】
【热门文章】