我的superslide 为什么用着没效果
<!doctypehtml><html><head><metacharset="utf-8"><title>无标题文档</title><style>*{text-deco...
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
*{ text-decoration:none; margin:0;padding:0; list-style:none}
.banner{width:100px;height:100px; margin:0 auto;margin-top:300px; border:1px black solid; overflow:hidden}
.hd li{ float:left;margin:0 12px 0 }
.bd li{width:100px;height:100px; float:left}
</style>
<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".banner").slide()
});
</script>
</head>
<body>
<div class="banner">
<div class="hd">
<ul>
<li><a href="##">1</a></li>
<li><a href="##">2</a></li>
<li><a href="##">3</a></li>
</ul>
</div>
<div class="bd">
<ul>
<li><img src="images/1.png"></li>
<li><img src="images/2.png"></li>
<li><img src="images/3.png"></li>
</ul>
</div>
</div>
</body>
</html> 展开
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
*{ text-decoration:none; margin:0;padding:0; list-style:none}
.banner{width:100px;height:100px; margin:0 auto;margin-top:300px; border:1px black solid; overflow:hidden}
.hd li{ float:left;margin:0 12px 0 }
.bd li{width:100px;height:100px; float:left}
</style>
<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".banner").slide()
});
</script>
</head>
<body>
<div class="banner">
<div class="hd">
<ul>
<li><a href="##">1</a></li>
<li><a href="##">2</a></li>
<li><a href="##">3</a></li>
</ul>
</div>
<div class="bd">
<ul>
<li><img src="images/1.png"></li>
<li><img src="images/2.png"></li>
<li><img src="images/3.png"></li>
</ul>
</div>
</div>
</body>
</html> 展开
1个回答
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
