myFocus(js焦点图插件) v2.1.4 最新免费版

MyFocus插件是一个包含30多种不同风格图片的焦点图插件！可以在各种主流浏览器环境中安装使用。支持不同图片的在线切换操作，实现傻瓜般的Flash焦点旋转效果！欢迎有需要的用户下载使用宝哥软件园。

软件介绍

myFocus是一个JS库，专注于WEB上焦点图的旋转。focus map插件集成了30多种风格的图片切换效果，体积小，使用方便，兼容ie6和所有主流浏览器。适用浏览器：ie8、360、火狐、Chrome、Safari、Opera、Maxthon、搜狗、世界之窗。

myFocus焦点图插件特点

1.由原生JS编写，独立自主，性能优秀

2.同样的效果比JQuery更流畅、更容易使用

3.愚蠢的API和标准的HTML结构是华丽的

4.与Flash焦点图相比，它功能强大，可切换30多种风格

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

操作使用说明：

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

HTML结构

我的焦点图的HTML结构如下：

img标签的属性说明：

src:图片地址thumb:图片的缩略图地址(需要风格支持，可以省略。如果省略，大图地址将作为其地址)

Alt:图片描述文字：图片更详细的描述文字(需要样式支持，可以省略)

初始化插件

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

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

myFocus插件常见问题

1.MyFocus可以免费使用和制作其他插件吗？

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

2.2.myFocus是如何兼容的？

MyFocus兼容当前所有主流浏览器，包括IE6、FF3.5、Chrome5.0等。并且它在所有浏览器中的性能是一致的。

3.如何下载myFocus风格之一？

myFocus的样式文件都放在模式目录下，建议使用前全部下载，不要只下载其中一个。因为myFocus是按需加载的，所以未使用的样式不会加载到页面上，您选择的样式会自动加载。

4.当焦点图打开时，会放大页面，造成不好的体验。如何改正？

建议在焦点图的div中加入：style='visibility:hidden '，可以在一定程度上解决闪烁问题(感谢网友kin1987提供的方案)。

也可以考虑在CSS中定义焦点图的大小，即定义一个类或者在对应的样式类中定义宽度和高度值；或者直接在它的div上定义它的大小，例如：div id=' my focus ' style=' width :450 px；高度：296 px；' overflow:hidden'…/div .

此外，您可以将焦点图的所有内容放在一个单独的html页面上，然后用iframe标签引入它。或许，这对分众地图的SEO不好，但却是解决这个问题最有效的方法。

最后，提供一点技巧设置。在结构复杂、引用文件多的页面上设置myFocus时，可以在对应的DIV结构下调用my focus . set({ your parameter setting }，true)，并在其后添加一个true参数，以使其立即执行，从而减少可能导致页面凌乱的延迟。