实例代码“Ctrl+/”提示“F11/ESC”全屏 返回 格式化 恢复 运行
AخA
 
1
<!DOCTYPE html>
2
<html lang="zh-CN">
3
<head>
4
<meta charset="utf-8">
5
<title>jQuery+ResponsiveSlides演示5中不同的幻灯片效果-默认效果_手册网</title>
6
<link rel="stylesheet" href="/api/jq/5733e333c6203/css/responsiveslides.css">
7
<style>
8
.wrap { width: 900px; margin: 0 auto;}
9
</style>
10
</head>
11
<body>
12
<h1>默认效果</h1>
13
<div class="wrap">
14
    <ul class="rslides" id="sucaihuo">
15
        <li><a href="#" ><img src="/api/jq/5733e333c6203/images/1.jpg" alt=""></a></li>
16
        <li><a href="#" ><img src="/api/jq/5733e333c6203/images/2.jpg" alt=""></a></li>
17
        <li><a href="#" ><img src="/api/jq/5733e333c6203/images/3.jpg" alt=""></a></li>
18
    </ul>
19
</div>
20
<script src="/api/jq/5733e333c6203/js/jquery-1.11.3.min.js"></script>
21
<script src="/api/jq/5733e333c6203/js/responsiveslides.min.js"></script>
22
<script>
23
$(function() {
24
    $('#sucaihuo').responsiveSlides();
25
});
26
</script>
27
</body>
28
</html>