http://www.down80.com:myFocus(js焦点图插件)

myFocus(js焦点图插件)


软件厂家：		官方网站：
大小：	511.89 KB	语言：	中文
类型：	国产软件	类别：	免费软件 / 编程辅助
更新时间：	2017-04-20 17:09	运行环境：	WinAll, WinXP, Win7, Win8

下载地址

软件简介
文件结构

软件标签: myfocus 编程辅助

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

软件介绍

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

myfocus插件

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文件。

myfocus

html结构

myfocus焦点图的html结构如下：

myfocus插件

img标签的属性说明：

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

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

myfocus插件

初始化插件

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

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

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参数是为了让它立即执行，这样就减少了可能的延迟造成页面的凌乱。