ocean-slide-with-mouse
v1.0.0
Published
A project named ocean-slide-with-mouse
Downloads
8
Readme
ocean-slide-with-mouse
①:npm install ocean-slide-with-mouse ②:布局结构如下,添加两个类即可
必要选择器:
j-slide-with-mouse-wrapper 为外层容器,必要样式:宽度,overflow:hidden,具体可参考例子
j-slide-with-mouse-list 为滚动列表
其他声明:
slide-i为子项,需要宽高
<div class="wrapper j-slide-with-mouse-wrapper">
<ul class="slide-list j-slide-with-mouse-list">
<li class="slide-i slide-i1"></li>
<li class="slide-i slide-i2"></li>
<li class="slide-i slide-i3"></li>
<li class="slide-i slide-i4"></li>
<li class="slide-i slide-i5"></li>
<li class="slide-i slide-i6"></li>
<li class="slide-i slide-i7"></li>
<li class="slide-i slide-i8"></li>
<li class="slide-i slide-i9"></li>
<li class="slide-i slide-i10"></li>
<li class="slide-i slide-i11"></li>
<li class="slide-i slide-i12"></li>
<li class="slide-i slide-i13"></li>
<li class="slide-i slide-i14"></li>
<li class="slide-i slide-i15"></li>
<li class="slide-i slide-i16"></li>
</ul>
</div>