🎶 Sym - 一款用 Java 实现的现代化社区(论坛/BBS/社交网络/博客)平台

📕 思源笔记 - 一款桌面端笔记应用,支持 Windows、Mac 和 Linux

🎸 Solo - B3log 分布式社区的博客端节点,欢迎加入下一代社区网络

♏ Vditor - 一款浏览器端的 Markdown 编辑器

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


欢迎注册黑客派社区,开启你的博客之旅。让学习和分享成为一种习惯!

推荐阅读
留下你的脚步