响应式自适应图片轮播图代码插件

响应式自适应图片轮播图代码插件

响应式自适应图片轮播代码插件,支持移动端滑动切换同时兼容性好免费分享与大家下载。

使用方法
在页面引入相关JS样式文件

1
<script src="js/slider.js"></script>

CSS代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
body{background-color: #1A1A1A}
.jssorl-009-spin img {
    animation-name:jssorl-009-spin;
    animation-duration:1.6s;
    animation-iteration-count:infinite;
    animation-timing-function:linear
}
@keyframes jssorl-009-spin {
    from {
    transform:rotate(0);
}
to {
    transform:rotate(360deg);
}
}.jssorb051 .i {
    position:absolute;
    cursor:pointer
}
.jssorb051 .i .b {
    fill:#fff;
    fill-opacity:.5
}
.jssorb051 .i:hover .b {
    fill-opacity:.7
}
.jssorb051 .iav .b {
    fill-opacity:1
}
.jssorb051 .i.idn {
    opacity:.3
}
.jssora051 {
    display:block;
    position:absolute;
    cursor:pointer
}
.jssora051 .a {
    fill:none;
    stroke:#fff;
    stroke-width:360;
    stroke-miterlimit:10
}
.jssora051:hover {
    opacity:.8
}
.jssora051.jssora051dn {
    opacity:.5
}
.jssora051.jssora051ds {
    opacity:.3;
    pointer-events:none
}
当前内容只有登录了才能查看,如果您已经注册,请登录
0

发表评论