《在人间》第136期：去乌克兰成为人生赢家

myFocus插件是一款包含了30多种不同风格图片的焦点图插件！可以在多种主流浏览器环境下安装使用。支持不同图片在线相互切换操作，达到了傻瓜式的Flash焦点轮换效果！需要的用户欢迎来绿色资源网下载使用。

软件介绍

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

myFocus焦点图插件特点

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

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

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

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

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

操作使用说明：

在页面中引入样式文件myfocus-2.0.4.min.js文件。

HTML结构

myFocus焦点图的HTML结构如下：

img标签的属性说明：

src：图片地址thumb： 图片的略缩图地址（需要风格支持，可以省略，如果省略即把大图地址作为它的地址）

alt： 图片的描述文字text：图片更详细的描述文字（需要风格支持，可以省略）

初始化插件

可以通过下面的方法来初始化myFocus焦点图插件。

或者在初始化时设置配置参数：

myFocus插件常见问题

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上直接定义其大小，例如：<div id="myFocus" style="width:450px;height:296px;overflow:hidden;">…</div>。

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

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