jQuery-osSlider.js

引入

使用该幻灯片插件需要在页面中引入osSlider.css以及osSlider.js文件。

<link rel="stylesheet" href="css/osSlider.css" />
<script src="js/jquery.min.js"></script>
 <script src="js/osSlider.js"></script>

css文件我没有,也可以不使用

下载 :http://cdn.blyoo.com/osSlider/osSlider.js

演示

基础演示

用法

var slider = new osSlider({ pNode:'.slider', cNode:'.slider-main li', speed:3000, autoPlay:true });

参数

  • pNode:轮播容器选择器,必填。
  • cNode:轮播体的选择器,必填。
  • speed:动画速度,默认值3000,选填。
  • autoPlay:是否自动播放,默认值为true。

注意事项 该幻灯片插件class选择器已有 .osSlider-main, .slider-btn, .slider-btn-prev, .slider-btn-next, .slider-nav 请勿冲突。

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注




Enter Captcha Here :