欢迎光临一流素材网,免积分免费素材下载!
AD

滑动幻灯片插件-EASY SLIDER

所属栏目:轮播图/幻灯片更新时间:2016-10-17原作者:不详发布者:deepdfhy浏览:0
基本信息
  • 发布者:
  • 原作者:不详
  • 来源:不详
  • 版权声明

1、引入以下的js和css文件

<link href="css/screen.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="js/easySlider1.7.js"></script>

2、在head标签中加入以下js代码

$("#slider").easySlider({auto: true, continuous: true });

3、在body标签中加入以下格式的html代码

<div id="slider">   
<ul>     
<li><a href="http://www.jq22.com/preview/30"><img src="images/01.jpg" alt="Css Template Preview" /></a></li>     
<li><a href="http://www.jq22.com/preview/7"><img src="images/02.jpg" alt="Css Template Preview" /></a></li>     
<li><a href="http://www.jq22.com/preview/25"><img src="images/03.jpg" alt="Css Template Preview" /></a></li>     
<li><a href="http://www.jq22.com/preview/26"><img src="images/04.jpg" alt="Css Template Preview" /></a></li>     
<li><a href="http://www.jq22.com/preview/27"><img src="images/05.jpg" alt="Css Template Preview" /></a></li>   
</ul> 
</div>
<br>

参数配置

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

numericId 数字导航的ID ID字符串



具体效果请看演示,一流资源网推荐下载。

标签:
代码下载
本站下载
收藏 0 有帮助 0 没帮助 0
请站长喝杯咖啡?

站长一直坚持白天工作、晚上熬夜更新素材,付出了巨大的精力和时间,其中的辛酸难以言述。

如果本站素材对你有用,不妨考虑请站长喝杯咖啡鼓励一下!

立即打赏 0
给个评价吧
最受欢迎的

1jquery手机端响应式banner图片滚动切换效果

2兼容触屏手机浏览的JS全屏焦点图代码

3jQuery touchSlider全屏图片轮播幻灯焦点图代码

4jquery灯箱画廊插件lightgallery

5jquery轮播焦点图

6js卡片式图片叠加滚动切换代码

7带左右箭头滑动焦点图幻灯片jQuery特效代码

8jquery旋转木马插件SLICK

93D效果图片轮播效果代码

10jQ轻量级触摸响应滑块插件JQuery lightSlideruery轮播图插件movingboxes.js

最新更新的

1exzoom-一款jquery商城商品放大镜插件

2jQuery响应式触屏图片左右滚动代码owl.carousel

3轻量级响应式jQuery轮播图/幻灯片插件-lightslider

4移动端滑动JS响应式轮播图插件

5jQuery倾斜图片切换滚动焦点图幻灯片代码

6jQuery版仿淘宝商城天猫首页多格焦点图效果

7易迅网竖排多格jquery焦点图代码

8jQ索引按钮+缩略图双重切换

9兼容触屏手机浏览的JS全屏焦点图代码

10鼠标滑过+自动播放jQ全屏焦点图代码