myFocus(js焦点图插件) 官方版

myFocus插件包含了30多种不同风格图片的焦点图插件，支持不同图片在线相互切换操作，达到了傻瓜式的Flash焦点轮换效果，可以在多种主流浏览器下安装使用，如果需要该插件，就来本站下载使用吧！

myFocus介绍

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

myFocus是一个专注于WEB端焦点图轮换图的JS库。该焦点图插件集成了30多种风格图片切换效果，体积小，使用简单，兼容ie6+和所有的主流浏览器。适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗。

插件特点

1.原生JS编写，独立无依赖性能卓越

2.同样效果比jQuery更流畅简单易用

3.傻瓜式API和标准HTML结构效果华丽

4.媲美Flash焦点图功能强大，30多种风格切换

5.支持N种常用设置体积小巧，仅5.93KB(minified & gzipped)支持 IE6+ / Chrome / Firefox 等现代浏览器支持自定义开发扩展

IMG标签属性说明

src : 图片地址;

thumb : 图片的略缩图地址(需要风格支持，可以省略，如果省略即把大图地址作为它的地址);

alt : 图片的描述文字;

text : 图片更详细的描述文字(需要风格支持，可以省略)

常见问题

1.myFocus可以免费使用、制作其它程序插件吗?

myFocus库推崇开源和共享，在保留基本着作信息的前提下可以免费使用、制作附件。

2.myFocus兼容性如何?

myFocus兼容目前所有的主流浏览器，包括IE6+,FF3.5+,Chrome5.0+等，而且在各个浏览器中的表现效果保持一致。

3.如何下载myFocus其中一款风格?

myFocus的风格文件全部放在pattern目录中，使用前建议全部下载，而不只是下载其中一款。因为myFocus是按需加载，没有用到的风格并不会加载到页面，并且是自动加载你选择的风格。

4.打开焦点图瞬间它撑大了页面造成体验不好，怎么修正?

建议在焦点图的div上加上：style="visibility:hidden"，这样可以在一定程度上解决闪动(感谢网友kin1987提供的方案)。

也可以考虑在CSS中定义焦点图的大小，即自定义一个class或在对应风格的class里定义width和heigh值;或干脆在它的div上直接定义其大小，例如：

…。

另外，还可以把焦点图的所有内容放置在一个独立的html页面，再用iframe标签把它引进来。或许，这样对焦点图的SEO来说会不太好，但这样却是解决这个问题的最有效方法。

最后提供一个小技巧设置。在结构复杂、引用文件较多的页面设置myFocus时，可以在相应的DIV结构下面这样调用myFocus.set({你的参数设置},true)，后面多加了一个true参数是为了让它立即执行，这样就减少了可能的延迟造成页面的凌乱。