Blindify演示7中不同的百叶窗效果

Blindify演示7中不同的百叶窗效果

基于jquery的焦点幻灯轮换代码,具有百叶窗和淡入淡出幻灯特效,有多种不同的幻灯图浏览控制方式,你还可以设置百叶窗的片数、间隔、宽度、高度以及各种动画效果的时间和百叶窗的方向——水平或垂直。

淘建站为您提供更多_图片代码_图片插件_百叶窗_翻牌,在此特别感谢您对我们的支持与厚爱!

查看演示

演示不了,点击反馈

加入收藏

下载 193 次

下载资源

4 淘币

特别说明:本站资源来自网友发布分享,仅供学习与参考,请勿用于商业用途,若有侵权请联系删除(272966172@qq.com)。

HTML

引入jQuery库和blindify相关插件:

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

调用blindify非常简单

$(function(){
    $('#blindify').blindify();
});
参数 描述 默认值
numberOfBlinds 百叶窗叶片个数 20
slideVisibleTime 每个幻灯片的停留时间,不包括动画时间,以毫秒为单位 2000
color 幻灯片背景颜色(十六进制颜色) #000000
margin 百叶窗之间的距离,以像素(px)为单位。注意:其实是每个百叶窗的边框,所以如果想设置距离为10px,只需设置一半5px 2
width 容器的宽度,应与图片的宽度一样,以像素为单位 960
height 容器的高度,应与图片的宽度一样,以像素为单位 600
gap 百叶窗与容器边缘的距离范围,以像素为单位 100
animationSpeed 幻灯片动画过度时间 100
delayBetweenSlides 每个幻灯片切换之间的间隔,以毫秒为单位 500
hasLinks 是否有链接 false
orientation 百叶窗的方向,可选水平(horizontal)或垂直(vertical),默认为垂直 vertical
startClosed 百叶窗开始时是否关闭 false
firstOpenDelay startClosed 为 true 时,百叶窗延迟打开时间,单位为毫秒 500

声明:本资料由淘建站会员提供,如转载注明来源,资料来源淘建站免费素材库:https://www.taojz.cn/texiao/196.html
Blindify演示7中不同的百叶窗效果 希望对你有帮助,感谢您的支持!
  • 时钟 倒计时 翻牌效果

    时钟 倒计时 翻牌效果

  • 百叶窗 光影 星空效果

    百叶窗 光影 星空效果

  • 纯css3仿窗帘拉开关闭百叶窗动画特效

    纯css3仿窗帘拉开关闭百叶窗动画特效

  • html5翻牌小游戏源码

    html5翻牌小游戏源码

  • jquery+css3立体式动画百叶窗切换效果

    jquery+css3立体式动画百叶窗切换效果

  • jquery css3图片卡片翻牌动画特效

    jquery css3图片卡片翻牌动画特效

  • jQuery图片翻牌品牌翻转切换效果

    jQuery图片翻牌品牌翻转切换效果

  • 百叶窗图片切换效果,非常漂亮

    百叶窗图片切换效果,非常漂亮

  • jQuery马赛克图片拼接3d翻牌效果

    jQuery马赛克图片拼接3d翻牌效果

  • 通过HTML实现3D图片旋转翻牌效果源码下载

    通过HTML实现3D图片旋转翻牌效果源码下载

  • html5扑克翻牌消除游戏源码下载

    html5扑克翻牌消除游戏源码下载

  • css3实现的简单翻牌效果

    css3实现的简单翻牌效果

  • 留言(0)
    头像
     阿里云限量代金券,戳我领取
    1 2