html代码,图片请自行准备
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" href="css/banner.css" />
<script type="text/javascript" src="js/jquery-1.9.0.min.js"></script>
<script src="js/banner.js" ></script>
</head>
<body style="text-align: center;">
<div class="box">
<ul>
<li>
<a href="#">
<img src="img/b.jpg"/>
</a>
</li>
<li>
<a href="#">
<img src="img/b.jpg"/>
</a>
</li>
<li>
<a href="#"><img src="img/b.jpg"/>
</a>
</li>
</ul>
</div>
<div>
</div>
<!--有些刚接触编程可能不知道,为什么要把js代码放着呢?因为在上面的html加载完之后,js里面的元素才不会为空,若放在html元素之前,
则在js执行的时候,会出现元素不存在的异常,因为html元素还没加载,程序的执行是从上往下执行的,这点不可不查。-->
<script type="text/javascript">
var bannerStyle = {selectedStyle:"selectedStyle",indicatorPosition:"left",dotStyle:"dotStyle",indicatorBoxStyle:"indicatorBoxStyle",buttonStyle:"bannerButtonStyle",showBu