• <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的所有幻灯片都可以轻松的切换风格、更改大小、添加?#25105;?#22810;的图片等个性设置以快速的应用到你的网站上。

                    注意是所有,包括带?#26032;运?#22270;风格的幻灯片,这或许会带给你前所未有的体验。

                    myFocus特性

                    小巧却高效强大

                    myFocus v2.0.min版只有9.89KB,却能使你的网页上可以运行超过30款风格各异的幻灯片,在互联网独一无二哦~

                    极其简单的使用

                    无论有多少风格,还是这个风格有多么的牛逼闪闪,都只需加载一个js文件,然后用一句简单的js代码调用,然后……?收工喝茶去……

                    灵活的设置

                    你还想多点折腾?木?#24418;?#39064;。myFocus提供了足够多的API让你进行更多个性化的设置,华丽丽的“?#24187;?#38047;变身”不在话下。

                    独立、免?#36873;?#24320;源

                    完全独立,不?#35272;?#20219;何JS库;完全免费,这意味着你可以在任何地方使用;也完全开源,这意味着你可以为myFocus贡献自己的风格代码,提供更多“华丽丽的变身”~

                    myFocus起源

                    之前我就负责网站的前端开发,而且在设计的时候不少是需要用到幻灯片的,那个时候只能在网上找,或到别的网上去“扒”。这过程很繁琐,而且头痛的是?#34892;?#24187;灯片是注明版权信息的,例如某些flash的幻灯片。?#27604;唬?#20063;有不少专门提供幻灯片的网站,我也下载了很多(大多是flash格式),但能用到?#23548;手?#30340;,却是非常的少。

                    一方面是因为flash源码的非公开性,这样想把它们改成和自己网站风格相符的样式很难;另一方面可能是我个人的“情感”问题,我觉得如果flash真的那么好用,那为什么还有那么多网站采用js呢?这肯定是有原因的。所以,对一些钟情的flash幻灯片,我经常想?#21917;?#26524;它的格式是js的话那是多么好啊……最终,我用行动来实?#33267;?#33258;己的想法,一个多月后有了经典论坛的那个帖子:仿2010世博会主页flash幻灯片。这也是首个以myFoucs命名的幻灯片。

                    非常?#20197;耍?#36825;帖?#21491;?#36215;了不少网友的关注和回帖,而且版主也给了个好评,这些都是激励我继续“啃”下去的动力。最后我特发奇想:每个幻灯片为什么要独立呢?能不能像播放器的皮肤一样可以随意切换不同的风格?我把想法帖上来,因为我想确定是不是已经有人这样想而且已经实?#33267;恕?#21518;来了解到,有一个JQ插件叫switchable,用它可以实现网页元素的切换效果,例如幻灯片、走马灯的图片展示、tab切换等。诚然它和我的想法?#34892;?#25509;近,但它注重的是实现“切换”这个功能的抽象,而不是我的初衷:实现可以“切换不同的效果”。

                    在确定?#25442;?ldquo;重复发明车轮”之后,myFocus项目终于启航了。

                    转载请注明:代码家园 ? myFocus v2.0.4 专注于幻灯片/轮换图制作的JS库

                    评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证?#28783;?#25551;述)
                    • 匿名
                      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>