EasySlides插件使用

 

1.css
<link href="jquery.easy_slides.css" rel="stylesheet" type="text/css" />

2.js
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.easy_slides.js"></script>

<script type="text/javascript">
    $(function(){
        $("#slider").easySlider({
            auto: true,
            continuous: true
        });
    });
</script>


3.html
<div id="slider">
  <ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
  </ul>
</div>

 

参数说明:

EasySlides参数说明
参数名参数说明参数取值默认值
auto是否自动播放true或falsetrue
controlsShow是否显示控制条true或false  
controlsBefore如果您想添加一些额外的标记来获得更多的控制按钮你可以通过使用这些参数标记   
controlsAfter如果您想添加一些额外的标记来获得更多的控制按钮你可以通过使用这些参数标记  
controlsFade如果设置为false,当幻灯片到达末尾的时候将会使按钮失效ture或false true
continuous是否连续播放ture或false  
firstId第一张按钮的IDID字符串
firstText第一张按钮的文字字符串
firstShow是否显示回到第一张按钮true或false 
lastId最后一张按钮的IDID字符串
lastText最后一张按钮的文字字符串
lastShow是否显示回到最后一张按钮true或false 
nextId下一张按钮的IDID字符串
nextText下一张按钮的文字字符串
numeric是否显示数字导航代替上一页/下一页导航ture或false 
numericId 数字导航的IDID字符串
prevId上一张按钮的IDID字符串
prevText上一张按钮的文字字符串
pause如果将auto设为true,表示幻灯片切换间隔毫秒整数 
speed幻灯片播放毫秒速度整数 
vertical是否垂直滚动true或falsefalse

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值