<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jquery手机幻灯片展示 - 网页模板</title>
<link rel="stylesheet" type="text/css" href="css/mango.css">
<script src="js/jquery.min.js"></script>
<script src="js/slides.min.jquery.js"></script>
<script>
$(function(){
$('#slides').slides({
preload: true,
preloadImage: 'images/loading.gif',
play: 5000,
pause: 2500,
hoverPause: true
});
});
</script>
</head>
<body>
<div id="container">
<div id="example">
<div id="slides">
<div class="slides_container">
<img src="images/01.jpg" width="260" height="462" alt="Slide 1">
<img src="images/02.jpg" width="260" height="462" alt="Slide 2">
<img src="images/03.jpg" width="260" height="462" alt="Slide 3">
<img src="images/04.jpg" width="260" height="462" alt="Slide 4">
<img src="images/05.jpg" width="260" height="462" alt="Slide 5">
<img src="images/06.jpg" width="260" height="462" alt="Slide 6">
<img src="images/07.jpg" width="260" height="462" alt="Slide 7">
<img src="images/08.jpg" width="260" height="462" alt="Slide 8">
</div>
<a href="#" class="prev"><img class="png" src="images/prev.png" alt="Arrow Prev"></a>
<a href="#" class="next"><img class="png" src="images/next.png" alt="Arrow Next"></a> </div>
</div>
</div>
<div class="pattern_2"></div>
<div class="pattern_3"></div>
<div class="pattern_4"></div>
<div class="pattern_5"></div>
<div style="text-align:center;clear:both"><br>
<p>适用浏览器:IE8、360、FireFox、Chrome、Opera、傲游、搜狗、世界之窗. 不支持Safari浏览器。</p><br>
<p>来源:<a href="http://www.moobnn.com/" target="_blank">站长素材</a></p>
</div>
</body>
</html>
</body>
</html>