unslider本身下载后只需要dist文件夹就好了, 其中只包含dist/js/unslider-min.js, jquery的js要自己提供;
dist/css/unslider.css是主要的css文件, 定义了unslider, unslider-wrap等类,
dist/css/unslider-dots.css是附加的导航点 的css文件, 其中包含了 unslider ul li.active等类
只要写好div.banner(/myslider等自己的类)>ul>li, 然后对 div应用 unslider方法就可以了.
unslider会自己去给div 和其中的ul li等添加类等属性, 同时, 如果指定了dots导航, 则会 "自动" 添加(不需要我们再去手动的添加) 后面 的
<nav class="navigator">
<ul>
<li class="active"> 1</li>
<li > 2</li>
<li>3 </li>
<li>...等等 跟上面的主 li的个数是一样的</li>
</nav>
上面这这就是导航点的html. 他的css在 unslider-dots.css文件中, ** 要修改导航点的样式, 颜色, 位置等都在前面的这个css为文件中去修改**
如何隐藏ul>li中的数字?
- css文件中 以向右 向下为正
- 如果left, text-indent等属性的值是负值, 则文字会向左向上移动, given applicalbe offset values , 可以使文字/数字等溢出"而隐藏".
- 如: ‵‵‵ text-indent: -999em; ```就是这样的目的