通过本文主要向大家介绍了jquery幻灯片插件,jquery幻灯片效果,jquery焦点图插件等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com
<link rel="stylesheet" href="css/jquery.skippr.css"> <script src="js/jquery.min.js"></script> <script src="js/jquery.skippr.min.js"></script>
<div id="container">
<div id="theTarget">
<div style="background-image: url(img/image1.jpg)"></div>
<div style="background-image: url(img/image2.jpg)"></div>
<div style="background-image: url(img/image3.jpg)"></div>
<div style="background-image: url(img/image4.jpg)"></div>
<div style="background-image: url(img/image5.jpg)"></div>
</div>
</div>
<script>
$(document).ready(function(){
$("#theTarget").skippr({
transition: 'slide',
speed: 1000,
easing: 'easeOutQuart',
navType: 'block',
childrenElementType: 'div',
arrows: true,
autoPlay: false,
autoPlayDuration: 5000,
keyboardOnAlways: true,
hidePrevious: false
});
});
</script>
以上所述就是本文的全部内容了，希望大家能够喜欢。