实例代码“Ctrl+/”提示“F11/ESC”全屏 返回 格式化 恢复 运行
AخA
 
1
<!DOCTYPE html>
2
<html lang="zh-CN">
3
<head>
4
<meta charset="utf-8">
5
<title>JS幻灯片Ideal Image Slider演示-默认效果</title>
6
<link rel="stylesheet" href="/api/jq/5733e32bf23bb/css/ideal-image-slider.css">
7
<link rel="stylesheet" href="/api/jq/5733e32bf23bb/themes/default/default.css">
8
<style>
9
.sucaihuo { width: 900px; margin: 0 auto;}
10
#slider { border-radius: 5px;}
11
.statusWrap, .btns { margin-top: 20px; font-size: 14px; text-align: center; color: #f50;}
12
.btns { font-size: 0;}
13
.btns a { display: inline-block; margin: 0 10px; padding: 8px 20px; font-size: 14px; color: #fff; background-color: #50a91a; text-decoration: none;}
14
.btns a:hover { background-color: #62b524;}
15
</style>
16
</head>
17
<body>
18
<h1>默认效果</h1>
19
<div class="sucaihuo">
20
    <div id="slider">
21
        <img src="/api/jq/5733e32bf23bb/img/1.jpg" data-src-2x="/api/jq/5733e32bf23bb/img/1@2x.jpg" alt="">
22
        <img data-src="/api/jq/5733e32bf23bb/img/2.jpg" data-src-2x="/api/jq/5733e32bf23bb/img/2@2x.jpg" alt="">