首页 > 代码库 > 一款基于jQuery和HTML5全屏焦点图
一款基于jQuery和HTML5全屏焦点图
今天爱编程小编给大家分享一款非常绚丽的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="http://www.mamicode.com/images/slides/slide3.jpg" /> </li> <li data-transition="3dcurtain-vertical" data-slotamount="15" data-masterspeed="300" data-link="#"> <img src="http://www.mamicode.com/images/slides/slide5.jpg" /> </li> <li data-transition="papercut" data-slotamount="15" data-masterspeed="300" data-link="#"> <img src="http://www.mamicode.com/images/slides/slide2.jpg" /> </li> <li data-transition="turnoff" data-slotamount="15" data-masterspeed="300"> <img src="http://www.mamicode.com/images/slides/slide1.jpg" /> </li> <li data-transition="flyin" data-slotamount="15" data-masterspeed="300"> <img src="http://www.mamicode.com/images/slides/slide6.jpg" /> </li> </ul> </div> </div> </div>
via:http://www.w2bc.com/Article/15711
一款基于jQuery和HTML5全屏焦点图
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。