我的javascript作品

这个页面列出了一些我在工作中写的javascript类(或者叫库?),可能有人也会需要,所以放出来分享。

我发现最能找出自己写的东西的不足的办法,就是把你的东西给别人用,如果他用了感觉不对,自然就会说。这也是代码的优点,他不像苹果,我吃了你就没得吃,代码呢,我用了,你也可以用,对我不影响。

迄今为止,这些javascript类在使用者的建议下,也做了不少改进,从而也算是变相的锻炼了我写javascript的能力,所以,分享是能有所得的。

下面是一些我能拿得出手的javascript代码,这些代码都是独立的Javascript函数,方便使用。高手路过勿笑。

1,tab切换类lixtabs.js及其jQuery插件版

这个类之所以出世是因为有段时间我做某个网站,一直在不停的写tab切换效果。所以最后我就写了一个可以批量实现tab切换效果的javascript类。

这个类代码比较少,最新版也只有3.03KB,而他的jQuery版当然更小。但jquery版支持些简单的切换效果如淡入淡出。

2,图片切换类XScroll.js

这是一个用来做图片幻灯片/焦点图效果的类。总共支持5种特效,除了淡入淡出外,其余4种特效又可分为4个方向。附带一个缓动公式集。

总代码约10KB.

3,图片切换类XScroll2.js

这个算是XScroll.js的精简版,采用了不同的设计理念。只支持淡入淡出与滚动,滚动只支持2个方向。

代码约7KB

4,图片切换类XMosaic.js

这是一个用来实现图片马赛克遮罩切换效果的类。马赛克遮罩切换效果实现起来比较复杂,而XMosaic.js支持横排与竖列自定义分块个数,支持10种切换特效,支持6种切换顺序。

Github地址

代码约12KB

5,分页组件xPagination.js

一个基本的分页类。支持是否显示跳页,是否显示每页数据条数切换。在线预览

未压缩代码约14KB

6, llazy.js:小而无依赖的lazyload实现

—————————————————————————————–

还有一些其他的javascript代码,但有待完善整理。

不过,由于工作中使用JS的情况并不多,所以后续我都不知道该写些什么javascript作品了,如果你有想要的javascript代码但网上找不到,可以告诉我,我试试能不能写出来。

2016/02/22更新:

今天网站又打不开,提示资源超限,进FTP找了半天发现根目录下有个近400M的.errlog文件,把磁盘全占了,唉真是伤我心。

进入网站后来到这个页面,发现作品还是这么几个,感觉好不圆满,不知道最近几年在忙些什么。努力吧,未来的日子

7 评论

发表评论

电子邮件地址不会被公开。