全屏的焦点小图jq版本，比较常用一个焦点图。这个插件很好用（SuperSlide）大话主席。感谢作者的免费版本

CSS

* { margin: 0; padding: 0; list-style: none; }
body { background: #fff; font: normal 12px/22px 宋体; width: 100%; }
img { border: 0; }
a { text-decoration: none; color: #333; }
a:hover { color: #1974A1; }
#footer { text-align: center; }
.fullSlide { min-width: 1000px; position: relative; height: 330px; overflow: hidden; }
.fullSlide .bd { position: relative; z-index: 0; }
.fullSlide .bd ul { width: 100% !important; }
.fullSlide .bd li { width: 100% !important; height: 330px; overflow: hidden; text-align: center; }
.fullSlide .bd li a { display: block; height: 330px; }
.fullSlide .hd { width: 1000px; left: 50%; margin-left: -500px; bottom: 15px; position: absolute; z-index: 1; bottom: 15px; overflow: hidden; }
.fullSlide .hd ul { float: right; }
.fullSlide .hd ul li { float: left; margin: 0 5px; display: inline; cursor: pointer; }
.fullSlide .hd ul li img { width: 80px; line-height: 41px; display: block; border: 2px solid #fff; filter: alpha(opacity=50); opacity: 0.5; }
.fullSlide .hd ul .on img { border-color: #FF8106; filter: alpha(opacity=100); opacity: 1; }

html

<div class="fullSlide">
  <div class="bd">
    <ul>
      <li style="background:url(1.jpg) center 0 no-repeat;"><a target="_blank" href="#"></a></li>
      <li style="background:url(2.jpg) center 0 no-repeat;"><a target="_blank" href="#></a></li>
      <li style="background:url(3.jpg) center 0 no-repeat;"><a target="_blank" href="#"></a></li>
      <li style="background:url(4.jpg) center 0 no-repeat;"><a target="_blank" href="#"></a></li>
      <li style="background:url(5.jpg) center 0 no-repeat;"><a target="_blank" href="#"></a></li>
    </ul>
  </div>
  <div class="hd">
    <ul>
      <li><img src="1s.jpg" /></li>
      <li><img src="2s.jpg" /></li>
      <li><img src="3s.jpg" /></li>
      <li><img src="4s.jpg" /></li>
    </ul>
  </div>
</div>

JS

<script src="jquery.1.7.2.min.js"></script>
<script src="jquery.SuperSlide.2.1.js"></script>
<script type="text/javascript">jQuery(".fullSlide").slide({ titCell:".hd li", mainCell:".bd ul", effect:"fold",  autoPlay:true, delayTime:700 });</script>