标签：
今天爱编程小编给大家分享一款非常绚丽的jQuery焦点图插件，同时这款焦点图也利用了HTML5和CSS3的相关特性，使图片切换效果更加丰富多彩。另外，这款jQuery焦点图插件的特点是全屏的效果，因此看上去也非常的大气和整体。效果图如下：
实现的代码。
html代码：
<div id="wrapper">
<div class="fullwidthbanner-container">
<div class="fullwidthbanner">
<ul>
<li data-transition="3dcurtain-horizontal" data-slotamount="15" data-masterspeed="300">
<img src="images/slides/slide3.jpg" />
</li>
<li data-transition="3dcurtain-vertical" data-slotamount="15" data-masterspeed="300"
data-link="#">
<img src="images/slides/slide5.jpg" />
</li>
<li data-transition="papercut" data-slotamount="15" data-masterspeed="300" data-link="#">
<img src="images/slides/slide2.jpg" />
</li>
<li data-transition="turnoff" data-slotamount="15" data-masterspeed="300">
<img src="images/slides/slide1.jpg" />
</li>
<li data-transition="flyin" data-slotamount="15" data-masterspeed="300">
<img src="images/slides/slide6.jpg" />
</li>
</ul>
</div>
</div>
</div>
via:http://www.w2bc.com/Article/15711
标签：
原文地址：http://www.cnblogs.com/liaohuolin/p/4209023.html
