文件包含:
<script src="js/jQuery_min_1.7.2.js"></script>
<script src="js/jquery.slicebox.min.js"></script>
<script type="text/javascript" src="js/modernizr.custom.13303.js"></script>
<link rel="stylesheet" type="text/css" href="css/slicebox.css" />
HTML markup
<div id="sb-slider" class="sb-slider">
<img src="media/1.jpg" title="Creative Lifesaver"/>
<img src="media/2.jpg" title="Honest Entertainer"/>
<img src="media/3.jpg" title="Brave Astronaut"/>
<img src="media/4.jpg" title="Affectionate Decision Maker"/>
<img src="media/5.jpg" title="Faithful Investor"/>
<img src="media/6.jpg" title="Groundbreaking Artist"/>
<img src="media/7.jpg" title="Selfless Philantropist"/>
</div>
js
$(function() {
$('#sb-slider').slicebox({
slicesCount : 15,
sequentialRotation : true,
sequentialFactor : 50,
speed3d : 250
});
if( !Modernizr.csstransforms3d ) {
$('#sb-note').show();
$('body').append(
$('script').attr( 'type', 'text/javascript' ).attr( 'src', 'js/jquery.easing.1.3.js' ));
}
});