专注于幻灯片/轮换图制作的JS库

Posted 2020-07-31 淘代码

myFocus简介

myFocus是一个专注于幻灯片/轮换图制作的JS库，它小巧而且是完全独立的JS库，用它可以轻松的制作出网上绝大部分常见的幻灯片(甚至包括flash幻灯片)，而且制作出的幻灯片体积也非常的小(1KB左右)，功能也十分的完备，因为是轻量级，其运行效率也比常见的幻灯片要高。

最重要的一点是，用myFocus制作出的幻灯片使用十分的简单方便，而且每个幻灯片的接口/结构都是通用的，这样，只用1~2秒时间就给网站换不同风格的幻灯片成为了可能。

myFocus的设计理念就是简单易用，无论是多么复杂应用的幻灯片。这就意味着，myFocus的所有幻灯片都可以轻松的切换风格、更改大小、添加任意多的图片等个性设置以快速的应用到你的网站上。

注意是所有，包括带有略缩图风格的幻灯片，这或许会带给你前所未有的体验。

myFocus特性

小巧却高效强大

myFocus v2.0.min版只有9.89KB，却能使你的网页上可以运行超过30款风格各异的幻灯片，在互联网独一无二哦~

极其简单的使用

无论有多少风格，还是这个风格有多么的牛逼闪闪，都只需加载一个js文件，然后用一句简单的js代码调用，然后……？收工喝茶去……

灵活的设置

你还想多点折腾？木有问题。myFocus提供了足够多的API让你进行更多个性化的设置，华丽丽的“一秒钟变身”不在话下。

独立、免费、开源

完全独立，不依赖任何JS库；完全免费，这意味着你可以在任何地方使用；也完全开源，这意味着你可以为myFocus贡献自己的风格代码，提供更多“华丽丽的变身”~

myFocus起源

之前我就负责网站的前端开发，而且在设计的时候不少是需要用到幻灯片的，那个时候只能在网上找，或到别的网上去“扒”。这过程很繁琐，而且头痛的是有些幻灯片是注明版权信息的，例如某些flash的幻灯片。当然，也有不少专门提供幻灯片的网站，我也下载了很多（大多是flash格式），但能用到实际中的，却是非常的少。

一方面是因为flash源码的非公开性，这样想把它们改成和自己网站风格相符的样式很难；另一方面可能是我个人的“情感”问题，我觉得如果flash真的那么好用，那为什么还有那么多网站采用js呢？这肯定是有原因的。所以，对一些钟情的flash幻灯片，我经常想：如果它的格式是js的话那是多么好啊……最终，我用行动来实现了自己的想法，一个多月后有了经典论坛的那个帖子：仿2010世博会主页flash幻灯片。这也是首个以myFoucs命名的幻灯片。

非常幸运，这帖子引起了不少网友的关注和回帖，而且版主也给了个好评，这些都是激励我继续“啃”下去的动力。最后我特发奇想：每个幻灯片为什么要独立呢？能不能像播放器的皮肤一样可以随意切换不同的风格？我把想法帖上来，因为我想确定是不是已经有人这样想而且已经实现了。后来了解到，有一个JQ插件叫switchable，用它可以实现网页元素的切换效果，例如幻灯片、走马灯的图片展示、tab切换等。诚然它和我的想法有些接近，但它注重的是实现“切换”这个功能的抽象，而不是我的初衷：实现可以“切换不同的效果”。

在确定不会“重复发明车轮”之后，myFocus项目终于启航了。

本文标题: myFocus v2.0.4 专注于幻灯片/轮换图制作的JS库

来自淘代码转载请注明