焦点图插件myFocus Demo v2.0.1

所属分类:媒体-幻灯片和轮播图

 32186  333  查看评论 (11)
分享到微信朋友圈
X
焦点图插件myFocus Demo v2.0.1 ie兼容8

myFocus特性

小巧却高效强大

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

极其简单的使用

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

灵活的设置

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

独立、免费、开源

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

myFocus简介

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

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

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

注意是所有,包括带有略缩图风格的焦点图,这或许会带给你前所未有的体验。

myFocus起源

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

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

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

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

最后补充一下:为什么不基于jQuery而是独立的库?

我可以理解,JQ是一个非常好用的JS库且非常的流行,myFocus里面的很多思想也都是向JQ致敬的,但我还是没有采用JQ。

一方面是因为我想myFocus可以适用更多的人群而不仅局限于JQ,二是myFocus本身是一个极轻量的库即使基于JQ来写也是,JQ和myFocus一起用并不会有任何的冲突;三是我认为myFocus在焦点图方面的运行效率会比JQ要好。当然你可以发E-Mail给我,以分享你不同的意见。

myFocus 今天的发布需要感谢很多人,开发过程中遇到很多很多的问题,有技术方面的,有时间方面的,有寂寞方面的……不过过程中倒也收获了很多很多。不管怎么说,大家的支持是myFocus走下去的最大动力,THX ALL~~^^

相关插件-幻灯片和轮播图

jquery焦点轮播图多种切换效果

jquery+html5的3D焦点图多种切换效果
  幻灯片和轮播图
 38590  464

jQuery手机触屏滑动的响应式图片轮播效果

jQuery响应式图片插件,多种图片滑动轮播切换,兼容手机端的触屏滑动图片切换代码。
  幻灯片和轮播图
 63999  475

支持手机触摸滑动图片轮播

支持手机触摸滑动图片幻灯片轮播切换代码
  幻灯片和轮播图
 80957  929

简洁优雅,与众不同的轮播图插件

代码简洁优雅,与其他插件不同,包括各样式轮播图
  幻灯片和轮播图
 30502  402

讨论这个项目(11)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    那一瞬间…… 0
    2016/10/19 9:10:34
    瑜瑾水香 0
    2016/10/10 13:10:51
    很不错,就是我想要找的!赞一个…… 回复
    最爱橘子 0
    2016/6/16 9:06:58
    挺好用的  赞一个 回复
    ?/の卡布奇诺的苦涩□ 0
    2016/4/9 17:04:51
    想飞的人 0
    2015/12/11 9:12:28

    简约却不简单,能支持IE7更好了

    回复
    李鑫 0
    2015/12/10 16:12:51

    确实不错,挺 好的。

    回复
    懒懒的咖啡 0
    2015/11/24 16:11:07
    还是太年轻 0
    2015/11/20 20:11:42
    圣殿骑士 0
    2015/10/22 23:10:07
    dianjilf 0
    2015/10/10 15:10:24
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复