微构网络

分享一款基于jquery具备多种功能的js库-superslide

2015-01-19 09:42 栏目:技术教程 查看(7,664)

前些天发群里有个站长咨询我他遇到的问题,其实就是一个简单的幻灯片效果,原因是他购买了一套别人制作的模版然后出现点问题,其实最终的问题是他自己。因为需要进行分析他的问题,于是我看了一下他前端的代码,结果发现他的幻灯片效果并不是使用DZ自带的JS库,而是用了一个名为superslide的js库,然后把他网站上面这个库解压出来看了下源代码,结果发现这个库不仅仅只是一个小小的幻灯片效果,诸如幻灯片、TAB切换、无缝滚动等等网站常用到的一些特效这个几乎都能实现。

后面索性百度了一下,结果发现这个库是国人基于jquery开发的一款JS插件,具备常用的几十种功能。就如作者主页上说的那样“很多新手(通常是指不了解JS或者不会用JS的朋友)在制作网页过程中,经常需要用到各种特效,于是到网上找合适的插件。找到后要熟悉它的参数、用法等,如果用到几种不同特效,就要找几个不同插件,结果页面代码臃肿,加载缓慢,还要害怕会不会冲突!实在痛苦。而这款插件解决大多数的特效效果”。

这款具备如此多特效功能的插件体积并不是太大,开发版20KB左右,压缩包11KB;对于那些不懂JS的朋友我想到处放插件总体积肯定不止这个。而且就算对于读不懂JS源码的朋友使用这款插件也没有任何问题,因为作者提供里完整的API说明,只要对照参数即可实现你想要的效果。

分享一款基于jquery具备多种功能的js库-superslide

但作为一个熟悉(我觉得精通之类的话还是不要说的好,呵呵)原生JS和jquery库的人,我认为这款插件虽然非常强大,但并不是万能的;至于使用与不使用我想也得看情况的。

首先我说下使用的情况

1、不懂JS的朋友,与其到处找JS插件,还不如用这一款集成更多特效的插件来解决,毕竟它确实包含了我们常用的一些效果;

2、对于项目需要使用很多这个插件所具备功能的特效,而且项目其他部分没有与之相互交集的地方;

3、在不影响整体体积及稳定性前提下,为了提供开发效率可以使用,毕竟使用开源不可耻,jquery不也是开源JS库。

其次我说下不推荐使用它的情况:

1、项目本身已经具备了我们想要特效。比如我前面提到的那个朋友的模版,因为是DZ的,而他那个效果DZ自带的库完全可以做到,根本没必要去用这个库,甚至jquery也不需要,这样就增加了jq的几十KB和这个插件的11KB大小,而且性能也显然没有自带的高;

2、自己具备编写JS的能力,而且项目只需要一两个特效,这个时候完全可以自己去编写;比如为了实现一个简单的TAB切换而去使用这样的插件,就有点儿得不偿失了。

下面就引用其官方的关于这款插件的一些主要的参数(点击图片可放大)。
superslide主要参数
最后需要注意的是,就如前面所说的那样,它是一款基于jquery的插件,因此使用的时候必须先引用jquery库。最后附上关于这款插件的一些信息:

1、官方主页:http://www.superslide2.com/

2、参数介绍:http://www.superslide2.com/param.html

3、如何使用:http://www.superslide2.com/howToUse.html

转载请注明出处:分享一款基于jquery具备多种功能的js库-superslide - 微构网络
分享:

您可能遇到的问题?

搜索微构网络的干货:

值班:15574303608 业务:在线咨询 技术:在线咨询

电话:0731-83862683 售后:在线咨询 邮箱:server@csweigou.com

地址:长沙市五一西路锦绣中环1116(五一广场平和堂对面)