TAGS: Flip | フリップ | 回転 | jQuery | MIT | GPL
Flip!は、画像やテキストなどのHTML要素をマウスなどで回転してくれるjQueryプラグインです。

動作環境


◇　言語：JavaScript（jQuery）
    *  jQuery (tested on 1.3.2)
    * jQueryUI - core + effects core
◇　ライセンス：GPL、MIT



簡単な使い方


例：
<html>
    <head>
        <script src="http://www.google.com/jsapi"></script>
        <script type="text/javascript">
          // Load jQuery
          google.load("jquery", "1");    
        </script>
        <script src="jquery-ui-1.7.2.custom.min.js"></script>
        <script src="jquery.flip.min.js"></script>

        <script type="text/javascript">
            function flip() {
                $("#flipbox").flip({
                    direction:'tb'
                });
            }
        </script>                    
    </head>
    <body>
    
        <div id="flipbox">ここでHTML画像やその他要素を記述します。例：<img src="a.jpg" /></div>
        <div id="flipPad">
            <a href="#" onclick="flip()">Flip</a>
        </div>
    </body>
</html>

.

Sponsored Link


http://lab.smashup.it/flip/
有关作者
Syboos.jp編集長システム設計や開発、保守運営などを行ってます。オープンソース技術に興味があります。

Comments

我要投稿

分类

Newest Top10

 
    POWERED BY @pmplat.syboos.com