插件描述：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:
相关插件-幻灯片和轮播图
超棒的响应式幻灯jQuery插件 - refineslide
今天我们介绍的这个幻灯插件能够帮助我们使用响应式的方式展示图片幻灯，最重要的在于它支持很多超棒的CSS3幻灯过渡效果，能够帮助你创建超酷的幻灯效果。
幻灯片和轮播图
讨论这个项目（24）回答他人问题或分享插件使用方法奖励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
-
可以的
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
