当前位置: 首页 > 工具软件 > Unslider.js > 使用案例 >

unslider的用法详解

百里诚
2023-12-01

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; ```就是这样的目的

转载于:https://www.cnblogs.com/bkylee/p/5874049.html

 类似资料: