Useful Information Note

jquery数字翻滚插件FlipClock.js

使用 FlipClock.js

FlipClock.js 是一个 jQuery 插件,并且默认主题中的动画效果是基于 prefixfree.js,所以使用 FlipClock.js 需要需要加载 jQuery,prefixfree.js 和 flipclock.js,以及 FlipClock 的默认样式,所以一个基本的使用 FlipClock 的 HTML 文件如下:

<html>
    <head>
    <link rel="stylesheet" href="/assets/css/flipclock.css">
    </head>
    <body>
        <div class="your-clock"></div>
        <script src="/assets/js/libs/jquery.min.js"></script>
        <script src="/assets/js/flipclock/libs/prefixfree.min.js"></script>
        <script src="/assets/js/flipclock/flipclock.min.js"></script>
    </body>
</html>

然后通过下面两种方法初始化:

var clock = $('.your-clock').FlipClock({
    // ... your options here
});
var clock = new FlipClock($('.your-clock'), {
    // ... your options here
});

FlipClock 还有详细的设置,方法和回调函数,以及开发者 API 让你可以进行定义。

上一篇:To read
下一篇:Python资源