文件包含：
<script
src="js/jQuery_min_1.7.2.js"></script>
src="js/jQuery_min_1.7.2.js"></script>
<script
src="js/jquery.slicebox.min.js"></script>
src="js/jquery.slicebox.min.js"></script>
<script type="text/javascript"
src="js/modernizr.custom.13303.js"></script>
src="js/modernizr.custom.13303.js"></script>
<link rel="stylesheet" type="text/css"
href="css/slicebox.css" />
href="css/slicebox.css" />
HTML markup
<div id="sb-slider"
class="sb-slider">
class="sb-slider">
<img src="media/1.jpg" title="Creative
Lifesaver"/>
Lifesaver"/>
<img src="media/2.jpg" title="Honest
Entertainer"/>
Entertainer"/>
<img src="media/3.jpg" title="Brave
Astronaut"/>
Astronaut"/>
<img src="media/4.jpg" title="Affectionate
Decision Maker"/>
Decision Maker"/>
<img src="media/5.jpg" title="Faithful
Investor"/>
Investor"/>
<img src="media/6.jpg" title="Groundbreaking
Artist"/>
Artist"/>
<img src="media/7.jpg" title="Selfless
Philantropist"/>
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' ));
'js/jquery.easing.1.3.js' ));
}
});