40款经典前端特效插件---分享

JavaScript018

40款经典前端特效插件---分享,第1张

1.flavr—超级漂亮的jQuery扁平弹出对话框     

2.轻量级触摸响应滑块插件JQuery lightSlider      

3.带37种3D动画特效的跨浏览器CSS3动画框架       

4.jquery整屏滚动插件Scrollify        

5.jquery旋转木马插件SLICK         

6.jquery文字动画插件LetterFX          

7.jquery文本翻转插件Wodry.js       

8.jquery通知插件toastr       

9.jQuery滚动执行动画插件FadeThis      

10.jquery表单验证插件Bootstrap Validator       

11.jCountdown倒计时插件jQuery           

12.iCheck不一样的checkbok         

13.Owl Carousel强大的响应式jQuery焦点图轮播插件   

14.magic-带64种动画效果的CSS3动画库     

15.jQuery实时搜索插件-HideSeek       

16.bootstrap modal对话框             

17.一款模拟CSS3动画的js插件-move.js              

18.可替代CSS3 transition和transform的jQuery插件          

19.基于bootstrap的jQuery多功能模态对话框插件

20.带CSS3过渡效果的js模态窗口插件        

21.支持移动触摸设备的简洁js幻灯片插件

22.jQuery轻量级响应式扁平风格tabs选项卡插件

23.jQuery轻量级响应式Tooltip插件

24.jQuery简单且功能强大的图片剪裁插件

25.带CSS3动画过渡效果的jQuery模态窗口插件

26.中国省市区地址三级联动jQuery插件

27.移动端优先且支持jQuery和Zepto的模态对话框插件

28.jQuery简单实用的tooltip插件

29.带CSS3过渡动画效果的jQuery Tabs选项卡插件

30.x0popup-纯js弹出对话框插件

31.WOW.js-元素在页面滚动时展示CSS3动画JS插件

32.Windows8样式的消息提示框jQuery插件

33.jQuery星级评分插件

34.fsBanner-实用的网站响应式Banner手风琴插件

35.draggabilly-功能强大的拖动拖拽元素插件

36.验证插件vali.js

37.响应式jQuery图片放大镜插件magnificent.js

38.可快速生成各种阴影效果的jQuery插件

39.基于jquery的非常逼真的全屏下雪效果

40.纯文本Loading加载指示器特效

TweenMax.js是动画插件库GSAP(GreenSock Animation Platform)的核心文件,加载后即可使用四个主要运动类TweenLite、TweenMax、TimelineLite、TimelineMax和一些其他插件。可对一个或多个物件进行动画,或添加至时间轴中设计复杂的影片。

GSAP最初在flash时代(2004-2006)是作为flash软件的插件用来增添动画效果,当时的名字是「GreenSock Tweening Platform」(GreenSock补间平台)。后来Flash逐渐没落,在网页上的应用,除了游戏和视频播放之外不断减少。出于自身发展考虑,GreenSock在v12(第十二版)中,加入了JavaScript的Class,也就是说我们可以在HTML网页中使用TweenLite或TweenMax…等来制作动画,也藉此版本把发展计划的名称更名为「GreenSock Animation Platform」(GreenSock动画平台),主要是把「Tweening」换成「Animation 」,因为前者主要为Flash在使用的名词,而后者就属于比较广义的「动画」,后来逐步发展为全平台均可应用的动画库。

最新的v2.x版本则全面支持html5和css3动画,并适应于主流的浏览器。

在网页上GreenSock目前提供使用的有「TweenLite」、「TweenMax」、「TimelineLite」、「TimelineMax」这四个项目,虽比Flash来的少,不过也是最常用的几项,相信可以帮助设计师们在不使用Flash的情形之下,制作许多不同凡响的动画效果,另外关于这四项的差别也跟Flash版本一样

TweenMax.js的优势在于性能强劲和使用简便。

tweenmax中文网

jquery.easing.js 1.3 是一个配合jquery实现完美动画效果的扩展插件,比如我们在使用jquery制作一幅图片滚动或图片渐变,使用本插件可扩展或增强jquery性能,生成完美无缺兼容性更好的jquery动画来,它不仅可以用于图像特效,像一些基础的层操作也可以使用。