myFocus插件是一款包含了30多種不同風格圖片的焦點圖插件！可以在多種主流瀏覽器環(huán)境下安裝使用。支持不同圖片在線相互切換操作，達到了傻瓜式的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 等現代瀏覽器支持自定義開發(fā)擴展

操作使用說明：

在頁面中引入樣式文件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標簽把它引進來?；蛟S，這樣對焦點圖的SEO來說會不太好，但這樣卻是解決這個問題的最有效方法。

最后提供一個小技巧設置。在結構復雜、引用文件較多的頁面設置myFocus時，可以在相應的DIV結構下面這樣調用myFocus.set（{你的參數設置},true），后面多加了一個true參數是為了讓它立即執(zhí)行，這樣就減少了可能的延遲造成頁面的凌亂。