<a href="javascript:;" rel="nofollow" class="prev focus-prev png" id="focus-prev" target="_self">Prev</a> <a href="javascript:;" rel="nofollow" class="next focus-next png" id="focus-next" target="_self">Next</a>
分别为左边的切换按钮、右边的切换按钮
<div class="trigger" id="focus-trigger"> <span><i></i></span> <span><i></i></span> <span><i></i></span> <span><i></i></span> <span><i></i></span> <span><i></i></span> <span><i></i></span> </div> 显示多少张图片下标提示多少张,增加图片的话,增加<span><i></i></span> 标签就可以。
<link rel="stylesheet" type="text/css" href="base.css" /> <link rel="stylesheet" type="text/css" href="main.css" />
css样式,需要修改显示区宽及高度,调样式在main中用到较多
<script type="text/javascript" src="jquery.min.js"></script> <script src="missamy.js"></script> <script type="text/javascript" src="main.js"></script>
比不可少的js代码,可根据自己需求在里面修改调整。