yanSlide超级轮播插件
所属分类:幻灯轮播  创作类型:原创  作者:呆猫  发布时间:2018-05-30 08:17:34
707 31
本站所有插件都是基于jquery或php的,不依赖其他任何框架,可以集成到大部分网站上。如果有问题可以联系技术
QQ:635081743 微信:wangbin676243
Chrome Firefox Safari IE8+ PHP5.4+
描述:这是一款基于jquery的幻灯轮播焦点图插件,一网打尽所有轮播效果,支持多图无缝上下滚动和左右滚动

html结构

<ul class="demo">
    <li><a href=""><img src="http://www.yanphp.com/statics/demo/banner1.jpg"></a></li>
    <li><a href=""><img src="http://www.yanphp.com/statics/demo/banner2.jpg"></a></li>
    <li><a href=""><img src="http://www.yanphp.com/statics/demo/banner3.jpg"></a></li>

</ul>

引用方式

<link rel="stylesheet" href="yanSlide/yanSlide.css">

<script src="jquery-1.9.1.js"></script>
<script src="yanSlide/yanSlide.min.js"></script>

<script>
   $('.demo').yanSlide();
</script>

参数说明

auto是否自动播放,默认true
effect切换特效 1.fade 2.left 3.top 4.marqueLeft 5 .marqueTop
speed动画执行时间
timeout切换等待时间
start默认页
pause是否开启鼠标悬停暂停播放,默认true
margin间距 默认 0 0 0 0 ,比如:设置距离顶部20px,可以设置为20px 0 0 0
num可视图片数量,默认是1(适合幻灯轮播焦点图)
marqueDistance在无缝滚动模式下,每秒钟滚动的像素
nav是否开启左右控制,默认true
navContainernav放置的节点,默认空
pager是否开启分页控制,默认true
pagerTrigger分页控制方式,默认click 1.click 2.mousenter
pagerAlign分页的对其方式 1,center 2.left 3.right 默认center
pagerType分页样式 1.numberSquare 2.numberCycle 3.square,4.cycle
相关插件
图片采集图片展示jquery插

这个一款jquery图片展示原创插件,可以用来展示图集,非常适合...

简单弹框查看图片的jquery

这是一款图片弹窗查看插件,只要简单的设置一个yanImageShow c...

jquery+php图片上传通用插

这是一款基于jquery+php的图片上传插件,可以用在头像,封面上...

多图上传php通用插件

这是一款php+jquery的多图上传插件,可以集成到任何php > 5.4...

共有0条评论