myFocus(js焦点图插件)

system

软件标签:  myfocus   编程辅助
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参数是为了让它立即执行，这样就减少了可能的延迟造成页面的凌乱。


unt">(1/1)安装详细截图

https://blog.51cto.com/u_16099270/9147646