• <output id="blrhh"></output>
      <output id="blrhh"><sup id="blrhh"><div id="blrhh"></div></sup></output>
      <tbody id="blrhh"><b id="blrhh"></b></tbody>

    1. <output id="blrhh"></output>
      <output id="blrhh"></output>

    2. <blockquote id="blrhh"><ruby id="blrhh"></ruby></blockquote>
      <big id="blrhh"></big>
            1. <var id="blrhh"></var>

            2. <big id="blrhh"></big>

                <blockquote id="blrhh"></blockquote><var id="blrhh"><delect id="blrhh"><source id="blrhh"></source></delect></var>

                    <span id="blrhh"></span>
                    <strike id="blrhh"></strike><span id="blrhh"><i id="blrhh"></i></span><del id="blrhh"><ins id="blrhh"><menuitem id="blrhh"></menuitem></ins></del><strike id="blrhh"><dl id="blrhh"><ruby id="blrhh"></ruby></dl></strike>
                    <strike id="blrhh"></strike>
                    <th id="blrhh"><video id="blrhh"></video></th>

                    myFocus v2.0.4 專注于幻燈片/輪換圖制作的JS庫

                    myFocus v2.0.4 專注于幻燈片/輪換圖制作的JS庫
                     點擊預覽  點擊下載

                    myFocus簡介

                    myFocus是一個專注于幻燈片/輪換圖制作的JS庫,它小巧而且是完全獨立的JS庫,用它可以輕松的制作出網上絕大部分常見的幻燈片(甚至包括flash幻燈片),而且制作出的幻燈片體積也非常的小(1KB左右),功能也十分的完備,因為是輕量級,其運行效率也比常見的幻燈片要高。

                    最重要的一點是,用myFocus制作出的幻燈片使用十分的簡單方便,而且每個幻燈片的接口/結構都是通用的,這樣,只用1~2秒時間就給網站換不同風格的幻燈片成為了可能。

                    myFocus的設計理念就是簡單易用,無論是多么復雜應用的幻燈片。這就意味著,myFocus的所有幻燈片都可以輕松的切換風格、更改大小、添加任意多的圖片等個性設置以快速的應用到你的網站上。

                    注意是所有,包括帶有略縮圖風格的幻燈片,這或許會帶給你前所未有的體驗。

                    myFocus特性

                    小巧卻高效強大

                    myFocus v2.0.min版只有9.89KB,卻能使你的網頁上可以運行超過30款風格各異的幻燈片,在互聯網獨一無二哦~

                    極其簡單的使用

                    無論有多少風格,還是這個風格有多么的牛逼閃閃,都只需加載一個js文件,然后用一句簡單的js代碼調用,然后……?收工喝茶去……

                    靈活的設置

                    你還想多點折騰?木有問題。myFocus提供了足夠多的API讓你進行更多個性化的設置,華麗麗的“一秒鐘變身”不在話下。

                    獨立、免費、開源

                    完全獨立,不依賴任何JS庫;完全免費,這意味著你可以在任何地方使用;也完全開源,這意味著你可以為myFocus貢獻自己的風格代碼,提供更多“華麗麗的變身”~

                    myFocus起源

                    之前我就負責網站的前端開發,而且在設計的時候不少是需要用到幻燈片的,那個時候只能在網上找,或到別的網上去“扒”。這過程很繁瑣,而且頭痛的是有些幻燈片是注明版權信息的,例如某些flash的幻燈片。當然,也有不少專門提供幻燈片的網站,我也下載了很多(大多是flash格式),但能用到實際中的,卻是非常的少。

                    一方面是因為flash源碼的非公開性,這樣想把它們改成和自己網站風格相符的樣式很難;另一方面可能是我個人的“情感”問題,我覺得如果flash真的那么好用,那為什么還有那么多網站采用js呢?這肯定是有原因的。所以,對一些鐘情的flash幻燈片,我經常想:如果它的格式是js的話那是多么好啊……最終,我用行動來實現了自己的想法,一個多月后有了經典論壇的那個帖子:仿2010世博會主頁flash幻燈片。這也是首個以myFoucs命名的幻燈片。

                    非常幸運,這帖子引起了不少網友的關注和回帖,而且版主也給了個好評,這些都是激勵我繼續“啃”下去的動力。最后我特發奇想:每個幻燈片為什么要獨立呢?能不能像播放器的皮膚一樣可以隨意切換不同的風格?我把想法帖上來,因為我想確定是不是已經有人這樣想而且已經實現了。后來了解到,有一個JQ插件叫switchable,用它可以實現網頁元素的切換效果,例如幻燈片、走馬燈的圖片展示、tab切換等。誠然它和我的想法有些接近,但它注重的是實現“切換”這個功能的抽象,而不是我的初衷:實現可以“切換不同的效果”。

                    在確定不會“重復發明車輪”之后,myFocus項目終于啟航了。

                    轉載請注明:代碼家園 ? myFocus v2.0.4 專注于幻燈片/輪換圖制作的JS庫

                    評論列表(網友評論僅供網友表達個人看法,并不表明本站同意其觀點或證實其描述)
                    • 匿名
                      2013-01-10 14:11:23發表

                      [em01]這個挺漂亮啊

                  1. <output id="blrhh"></output>
                      <output id="blrhh"><sup id="blrhh"><div id="blrhh"></div></sup></output>
                      <tbody id="blrhh"><b id="blrhh"></b></tbody>

                    1. <output id="blrhh"></output>
                      <output id="blrhh"></output>

                    2. <blockquote id="blrhh"><ruby id="blrhh"></ruby></blockquote>
                      <big id="blrhh"></big>
                            1. <var id="blrhh"></var>

                            2. <big id="blrhh"></big>

                                <blockquote id="blrhh"></blockquote><var id="blrhh"><delect id="blrhh"><source id="blrhh"></source></delect></var>

                                    <span id="blrhh"></span>
                                    <strike id="blrhh"></strike><span id="blrhh"><i id="blrhh"></i></span><del id="blrhh"><ins id="blrhh"><menuitem id="blrhh"></menuitem></ins></del><strike id="blrhh"><dl id="blrhh"><ruby id="blrhh"></ruby></dl></strike>
                                    <strike id="blrhh"></strike>
                                    <th id="blrhh"><video id="blrhh"></video></th>
                                    青海快3定位走势图
                                  1. <output id="blrhh"></output>
                                      <output id="blrhh"><sup id="blrhh"><div id="blrhh"></div></sup></output>
                                      <tbody id="blrhh"><b id="blrhh"></b></tbody>

                                    1. <output id="blrhh"></output>
                                      <output id="blrhh"></output>

                                    2. <blockquote id="blrhh"><ruby id="blrhh"></ruby></blockquote>
                                      <big id="blrhh"></big>
                                            1. <var id="blrhh"></var>

                                            2. <big id="blrhh"></big>

                                                <blockquote id="blrhh"></blockquote><var id="blrhh"><delect id="blrhh"><source id="blrhh"></source></delect></var>

                                                    <span id="blrhh"></span>
                                                    <strike id="blrhh"></strike><span id="blrhh"><i id="blrhh"></i></span><del id="blrhh"><ins id="blrhh"><menuitem id="blrhh"></menuitem></ins></del><strike id="blrhh"><dl id="blrhh"><ruby id="blrhh"></ruby></dl></strike>
                                                    <strike id="blrhh"></strike>
                                                    <th id="blrhh"><video id="blrhh"></video></th>
                                                  1. <output id="blrhh"></output>
                                                      <output id="blrhh"><sup id="blrhh"><div id="blrhh"></div></sup></output>
                                                      <tbody id="blrhh"><b id="blrhh"></b></tbody>

                                                    1. <output id="blrhh"></output>
                                                      <output id="blrhh"></output>

                                                    2. <blockquote id="blrhh"><ruby id="blrhh"></ruby></blockquote>
                                                      <big id="blrhh"></big>
                                                            1. <var id="blrhh"></var>

                                                            2. <big id="blrhh"></big>

                                                                <blockquote id="blrhh"></blockquote><var id="blrhh"><delect id="blrhh"><source id="blrhh"></source></delect></var>

                                                                    <span id="blrhh"></span>
                                                                    <strike id="blrhh"></strike><span id="blrhh"><i id="blrhh"></i></span><del id="blrhh"><ins id="blrhh"><menuitem id="blrhh"></menuitem></ins></del><strike id="blrhh"><dl id="blrhh"><ruby id="blrhh"></ruby></dl></strike>
                                                                    <strike id="blrhh"></strike>
                                                                    <th id="blrhh"><video id="blrhh"></video></th>