JQUERY教程

当前位置: HTML5技术网 > JQUERY教程 > [JQuery]ScrollMe滚动特效插件

[JQuery]ScrollMe滚动特效插件

最近考完试,一切顺利,昨晚闲着无聊把最近要用的一个插件翻译了一下

/* ScrollMe -李明夕翻译(╯‵□′)╯︵┻━┻ */


    ScrollMe是一款为Web页面添加特定滚动效果的轻量JQuery插件.


  当你向下滑动页面的时候,ScrollMe插件会为你的Web页面添加旋转、动画、透明度渐变等特效,而不需要自己再添加多余的代码。(译者注:所以说你要是想用这个插件做很复杂的滚动特效,比如说滚动加载之类的还是不要用这个了,单纯做特效的化还是不错的。)看看右边这四个正方形,你就知道了。


       为什么ScrollMe仅仅支持这几种属性呢?因为浏览器在处理这几种动画时速度很快, 这样能够保证浏览时上下滑动页面的流畅度.


  切忌(忌讳的忌):

•不要在页面内添加过多的滑动特效. 适度使用,否则会影响页面性能。

•ScrollMe不是一个前端框架,不是这个 or 这个. ScrollMe没那么复杂,也没那么多功能,它就是加点儿小特效的.

•旧版浏览器慎用ScrollMe只能在支持相应CSS属性的浏览器内工作,其他的就无力了.


  使用说明

 ScrollMe使用简单的语法声明:仅仅需要JQuery+ScrollMe,再添加一些标注的类名,剩下的事儿交给ScrollMe来完成.


  需要为ScrollMe添加两个类:·scrollme 和·animateme.

1.scrollme类是所有动画定义的集合. 动画都需要基于这个类来实现.

2.animateme类定义了所有动画元素.可以在一个container元素内部添加多个animateme元素. 这些元素定义时也带有动画样式和触发时间的参数值.

       剩下的有需要的同志们自己去网站看吧,我自己认为还是一个挺好玩的插件的,简单明了,不过你要是想拿这个做视差滚动什么的还是give up吧。


【[JQuery]ScrollMe滚动特效插件】相关文章

1. [JQuery]ScrollMe滚动特效插件

2. jQuery元素滚动插件simplyScroll

3. 分享一款页面视差滚动切换jquery.localscroll插件

4. 20个jQuery和CSS 的文本特效插件

5. 15个款优秀的 jQuery 图片特效插件

6. 10款web前端优秀的jQuery特效插件

7. jQuery基于图片的元素背景模糊特效插件

8. jQuery超炫图片3D背景视觉差特效插件

9. 基于Threejs的jQuery 3d图片旋转木马特效插件

10. 流行的jQuery Scroll Path plugin

本文来源:https://www.51html5.com/a1333.html

点击展开全部

﹝[JQuery]ScrollMe滚动特效插件﹞相关内容

「[JQuery]ScrollMe滚动特效插件」相关专题

其它栏目

也许您还喜欢