当前位置:首页 > DIV+CSS实例 > 正文

JS焦点图库 myFocus

作者:qiqi 来源:互联网 【 】 浏览: 添加日期:2010-12-18 我要评论(14)     

1、什么是 myFocus

myFocus是一个专注于焦点图/轮换图制作的JS库,它小巧而且是完全独立的JS库,大概是6~7KB左右的大小(min版),用它可以轻松的制作出网上绝大部分常见的焦点图(甚至包括flash焦点图),而且制作出的焦点图体积也非常的小(1KB左右),功能也十分的完备,因为是轻量级,其运行效率也比常见的焦点图要高,最重要的一点是,用myFocus制作出的焦点图使用十分的简单方便,而且每个焦点图的接口/结构都是通用的,这样,只用1~2秒时间就给网站换不同风格的焦点图成为了可能。

2、myFocus 的优点

myFocus的设计理念就是简单易用,无论是多么复杂应用的焦点图。

这就意味着,myFocus的所有焦点图都可以轻松的切换风格、更改大小、添加任意多的图片等个性设置以快速的应用到你的网站上。

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

Enjoy It~

3、myFocus 的起源

之前我负责做不少网站,而且在设计的时候不少是需要用到焦点图的,那个时候只能在网上找,或到别的网上去“扒”。这过程很繁琐,而且头痛的是有些焦点图是注明版权信息的,例如某些flash的焦点图。当然,也有不少专门提供焦点图的网站,我也下载了很多(大多是flash格式),但能用到实际中的,却是非常的少。一方面是因为flash源码的非公开性,这样想把它们改成和自己网站风格相符的样式很难;另一方面可能是我个人的“情感”问题,我在想如果flash真的那么强大好用,那为什么还有那么多网站宁愿采用js做自己的焦点图呢?这肯定是有原因的。所以,对一些钟情的flash焦点图,我经常想:如果它的格式是js的话那是多么好啊……最终,我用自己的行动来实现了自己的想法,于是1个多月后有了经典论坛的那个帖子:仿2010世博会主页flash焦点图。这也是首个以myFoucs命名的焦点图。

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

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

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

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

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

myFocus 今天的发布需要感谢很多人,大家的支持是myFocus走下去的最大动力,再次谢谢大家!

这里下载实例 http://www.cosmissy.com/myfocus/download.html

(如果您觉得本站不错,请告诉身边的朋友,或转载到论坛、百度知道、贴吧等,记得带网址哟,不胜感激!)

〖DIV+CSS实例〗Tags: js 焦点 幻灯

所属专题:幻灯代码

更多评论(14)..会员评论

onet(59.50.*.*) 发表于:2011-08-21 00:38:57
讲的挺好的呢!老师,实例下载链接地址有误呢!
jyhui1983(183.16.*.*) 发表于:2011-07-15 16:14:26
问题,制作好放到外网后,在火狐图片完全加载不进来……都不显示……心急,求解
管理员回复:可能是图片路径问题
yinlingblue(121.229.*.*) 发表于:2011-06-29 15:34:36
收藏了好好研究。估计一时半会我这脑袋还转不过来,谢谢伟大的站长
yinlingblue(121.229.*.*) 发表于:2011-06-29 15:31:08
太牛了,羡慕妒忌很
beichenwenrou(218.84.*.*) 发表于:2011-05-30 16:23:23
老师您好,你推荐的JS实现幻灯,,是"JScript Script File"这个是必须要用外部链接的吗?可以有什么方法在没有网络的电脑上练习吗?那个图片下面的小图.去掉或者变成1.2.3这样子,要在哪里面修改.
管理员回复:那放到本地不就行了吗
beichenwenrou(123.62.*.*) 发表于:2011-05-29 18:24:23
下载回家研究,不瞒老师您说,我只会用PS了,html还有div css 这一点点东西.IE6浏览器对预览效果有影响,注意事项麻烦老师讲下 我大概自己研究了有一个月,白天上班,晚上研究下下,到现在没搞明白.智商问题...见笑哈^_^ 还好发现了这个网站.遇到问题也可以问了. 还有要说下的是,看见每一条留言,老师基本都有认真回复,谢谢
管理员回复:这个是第三方插件,一般都兼容的,我也没仔细研究过
jyhui1983(183.16.*.*) 发表于:2011-04-14 10:40:17
超好!!!解决了用FLASH变换图片的繁琐~~
管理员回复:
Marbury(221.137.*.*) 发表于:2011-03-31 21:58:14
好资源啊,站长很有才啊。
管理员回复:欢迎常来

出差旅游免费预订酒店

【视频教程】新手常见问题