插件描述：osSlider是一款简单实用的带各种百叶窗过渡效果的jQuery幻灯片插件。该幻灯片插件在slide过渡时随机生成各种百叶窗效果，它使用简单，通过简单的设置即可正常工作。
简要教程
osSlider是一款简单实用的带各种百叶窗过渡效果的jQuery幻灯片插件。该幻灯片插件在slide过渡时随机生成各种百叶窗效果，它使用简单，通过简单的设置即可正常工作。
使用方法
使用该幻灯片插件需要在页面中引入jQuery(1.8+)和osSlider.css以及osSlider.js文件。
<link rel="stylesheet" href="css/osSlider.css" /> <script src="js/jquery.min.js"></script> <script src="js/osSlider.js"></script>
HTML结构
该幻灯片的基本HTML结构是使用一个<div>容器来包裹一个无序列表。无序列表中每一项是一个幻灯片slide。
<div class="slider"> <ul class="slider-main"> <li> <img src="1.jpg" alt=""> </li> <li> <img src="2.jpg" alt=""> </li> <li<code class="html plain" style="box-sizing: content-box; font-size: 12.3165px; padding: 0px; font-family: 'Source Code Pro', 'Courier New', Courier, monospace; color: rgb(52, 73, 94); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-
PREVIOUS:
NEXT:
相关插件-幻灯片和轮播图
讨论这个项目（23）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
json_zeng 0
2019/11/25 15:53:42
-
这个版本有没有响应式
,0
2020/11/12 17:16:12
-
有的 这个轮播图跟其它比起来做的还是非常棒的
Hey, Ben0
2021/1/20 11:07:52
-
这个响应式怎么弄
戈比老王 0
2017/7/25 16:58:32
想问可以设置高宽吗？假如我设置100%宽860px高，还能使用吗？
Woow0
2019/3/20 14:57:01
-
肯定是可以的呀，每个图片的宽高就是每个li的宽高呀
磐石0
2019/9/12 16:47:11
-
可以的
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
