8种Javascript过渡特效

看过很多后,本人觉得jQuery scrollable 在其中算很优秀的。




 


以下转自:http://paranimage.com/8-kinds-of-transition-effects-javascript/


8种JavaScript 过渡特效 , 涵盖淡入淡出、翻转特效、滑动、缩放和飞入飞出 等炫目的Javascript特效。


1. Image Transitions (演示地址 )


Image Transitions - Javascript过渡特效


Image Transitions是一个多张图片轮换工具。提供多种轮换效果包括:淡入淡出,左右滑动,收缩等。


2. Jquery Fade In.Fade Out (演示地址 )


Jquery Fade In.Fade Out - Javascript过渡特效


这是一个用于让图片产生淡入淡出效果的jQuery插件。


3. ImageSwitch (演示地址 )


ImageSwitch - Javascript过渡特效


ImageSwitch是一个易于使用的jQuery插件用于在多张图片之间切换时添加一些切换特效。这些特效包括:淡入淡出,卷入卷出,飞入飞出,Flip out等。


4. simplyScroll


simplyScroll - Javascript过渡特效


simplyScroll这个jQuery插件能够让任意一组元素产生滚动动画效果,可以是自动、手动滚动,水平、垂直方向滚动。此外,它还可以接受动态图片输入通过Flickr供稿或一个本地JSON数据源。


5. jQuery Simple Transition (演示地址 )


jQuery Simple Transition - Javascript过渡特效


jQuery Simple Transition是一个轻量级的jQuery插件,可以帮助你在多张不同的图片之间实现各种不同的切换效果。比如:放大/缩小,淡入/淡出,上下翻滚。


6. QuickFlip2 (演示地址 )


QuickFlip2 - Javascript过渡特效


QuickFlip2这个jQuery插件能够让任意HTML 标签块,点击产生类似于翻转一张卡片的效果,与iPhone 上的UI动画一样。


7. 图片连续翻转 (演示地址 )


图片连续翻转 - Javascript过渡特效


图片自动翻转,鼠标在图片上是停止翻转,点击标题的时候跳转到指定图片,然后接着翻转。


8. Image Flip Using jQuery (演示地址 )


Image Flip Using jQuery - Javascript过渡特效


利用jQuery实现图片上下/左右翻转效果。


8种Javascript过渡特效 | 帕兰映像 收集整理自open-open