阿小信大人的头像
Life is short (You need Python) Bruce Eckel

uikit实现翻牌效果2014-09-02 06:48

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <script src="jquery.js"></script>
        <script src="ui.js"></script>
        <link rel="stylesheet" href="ui.css">
        <script>
          $(function(){
            var card = ui.card('<em>font</em>', '<u>back</u>');
            card.el.appendTo('#card');
            $('#flip').click(function(){
              card.flip();
              return false;
            })
          });
        </script>
    </head>
    <body>
        <a href="#" id="flip">翻牌</a>
        <div id="card"></div>
    </body>
</html>

uikit源码:https://github.com/visionmedia/uikit

我们只需要其中的ui.css, ui.js和JQ就行了,需要注意的是在html中引入js时,顺序很重要,jq必须在ui之前被引入,否则测试失败

如果您觉得从我的分享中得到了帮助,并且希望我的博客持续发展下去,请点击支付宝捐赠,谢谢!

若非特别声明,文章均为阿小信的个人笔记,转载请注明出处。文章如有侵权内容,请联系我,我会及时删除。

#WEB/前端#  
分享到:
阅读[1738] 评论[0]

你可能也感兴趣的文章推荐

本文最近访客

网友182.*.*.17[火星]2020-08-04 18:51
网友46.*.*.154[火星]2020-08-04 18:47
网友220.*.*.179[北京]2020-08-04 18:43
网友46.*.*.133[火星]2020-08-04 18:40

发表评论