html5+js拖拽式超弹性效果堆叠图片切换展示特效

当前位置:主页 > Html5库 > HTML5动画 > html5+js拖拽式超弹性效果堆叠图片切换展示特效
html5+js拖拽式超弹性效果堆叠图片切换展示特效
分享:

    插件介绍

    elastiStack是一款非常有意思的图片堆叠展示图片特效。用户可以通过鼠标拖拽堆叠图片来显示下一张图片,在拖拽过程中,堆叠图片就像弹簧一样非常具有弹性,效果堪称一流。

    浏览器兼容性

    浏览器兼容性
    时间:10-21
    阅读:

简要教程

Elastistack是一个能让你拖动显示下一张图片的非常具有弹性效果的堆叠图片展示插件。非常具有弹性的意思是:当你拖动顶部的图片,其它的图片就像是被弹簧连接在一起,跟着运动。当拖动到一定的距离,被拖动的图片将被弹性释放,下一张图片出现在堆叠图片的顶部。

本教程将带给大家一个弹性十足、可拖动显示的堆叠图片展示插件。这个效果就像是所有的图片都被弹簧连在一起,只有拖动到一定的距离才能摆脱弹簧的控制。弹簧功能部分我们将使用DeSandro的Draggabilly插件。

更详细的教程请参看《制作可拖拽显示的弹性堆叠图片展示效果