61 lines
1.2 KiB
HTML
61 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<title>js 轮播</title>
|
|
<link rel="stylesheet" href="./css/index.css">
|
|
</head>
|
|
<body>
|
|
|
|
|
|
|
|
|
|
<div class="main">
|
|
|
|
<!-- 轮播图片部分 -->
|
|
<ul style="left: 0" class="broadcast-wrapper">
|
|
<li><img src="./img/1.jpg" alt=""></li>
|
|
<li><img src="./img/2.jpg" alt=""></li>
|
|
<li><img src="./img/3.jpg" alt=""></li>
|
|
<li><img src="./img/4.jpg" alt=""></li>
|
|
</ul>
|
|
|
|
<div class="page-action">
|
|
<!-- 上一页 -->
|
|
<div class="action-left"> < </div>
|
|
<!-- 下一页 -->
|
|
<div class="action-right"> > </div>
|
|
</div>
|
|
|
|
|
|
<ol class="circular-list"></ol>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
<script src="./js/MyBroadcast.js"></script>
|
|
<script>
|
|
|
|
new Broadcast({
|
|
time: 3000,
|
|
pageaction: {
|
|
// 上一页按钮class
|
|
prev: 'action-left',
|
|
// 下一页按钮class
|
|
next: 'action-right'
|
|
}
|
|
})
|
|
|
|
|
|
</script>
|
|
|
|
</html> |