myFocus插件包含了30多種不同風格圖片的焦點圖插件,支持不同圖片在線相互切換操作,達到了傻瓜式的Flash焦點輪換效果,可以在多種主流浏覽器下安裝使用,如果需要該插件,就來本站下載使用吧!

myFocus介紹
myFocus是一個專注于焦點圖/輪換圖制作的JS庫,沒有用到jquery庫,它小巧而且是完全獨立的JS庫,用它可以輕松的制作出網上絕大部分常見的焦點圖(甚至包括flash焦點圖),而且制作出的焦點圖體積也非常的小(1KB左右),功能也十分的完備,因爲是輕量級,其運行效率也比常見的焦點圖要高。
myFocus是一個專注于WEB端焦點圖輪換圖的JS庫。該焦點圖插件集成了30多種風格圖片切換效果,體積小,使用簡單,兼容ie6+和所有的主流浏覽器。適用浏覽器:IE8、360、FireFox、Chrome、Safari、Opera、傲遊、搜狗、世界之窗。
插件特點
1.原生JS編寫,獨立無依賴性能卓越
2.同樣效果比jQuery更流暢簡單易用
3.傻瓜式API和標准HTML結構效果華麗
4.媲美Flash焦點圖功能強大,30多種風格切換
5.支持N种常用设置体积小巧,仅5.93KB(minified & gzipped)支持 IE6+ / Chrome / Firefox 等现代浏览器支持自定义开发扩展
IMG標簽屬性說明
src : 图片地址;
thumb : 图片的略缩图地址(需要风格支持,可以省略,如果省略即把大图地址作为它的地址);
alt : 图片的描述文字;
text : 图片更详细的描述文字(需要风格支持,可以省略)
常見問題
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上直接定義其大小,例如:
…。
另外,還可以把焦點圖的所有內容放置在一個獨立的html頁面,再用iframe標簽把它引進來。或許,這樣對焦點圖的SEO來說會不太好,但這樣卻是解決這個問題的最有效方法。
最後提供一個小技巧設置。在結構複雜、引用文件較多的頁面設置myFocus時,可以在相應的DIV結構下面這樣調用myFocus.set({你的參數設置},true),後面多加了一個true參數是爲了讓它立即執行,這樣就減少了可能的延遲造成頁面的淩亂。