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>但是实际效果只有三张图的浮动，没有任何轮播效果，麻烦帮我看看哪里出错了么。
各个外链肯定没问题，都检查过了
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
试试引入bootstrap的css和js