ABPCMS.Web/lib/Waves/docs/_pages/getting-started.html

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<div id="getting-started" class="content section page hide">
            <h1>Getting Started</h1>

            <div class="box shadow">

                <p>
                    Download the latest version of Waves from <a href="https://github.com/publicis-indonesia/Waves/releases">Github repository</a>. You can also install it via Bower with <code class="language-css">bower install waves</code> or via npm with <code class="language-css">npm install node-waves</code>. Include waves.min.css and waves.min.js to your HTML file and Waves is ready to use!
                </p>

{{#code class="lang-markup"}}
<!DOCTYPE html>
<html>
    <head>
        <title>Waves example</title>

        <link rel="stylesheet" type="text/css" href="/path/to/waves.min.css" />

    </head>
    <body>
        <a href="#" class="button">Click Here</a>

        <script type="text/javascript" src="/path/to/waves.min.js"></script>
    </body>
</html>
{{/code}}

                <p>
                    <strong>Advanced:</strong> <br>
                    Waves also provide LESS, SCSS, and SASS source. So, feel free to used it :)
                </p>
                
                <h2>Attach the effect</h2>
                
                <p>
                    To attach Waves's effect (or we usually called it as "the ripple") to HTML element, you can use <code class="language-js">Waves.attach()</code>
                </p>
                
{{#code class="lang-markup"}}
<a href="#" class="button">Click Here</a>
                
<script type="text/javascript">
    Waves.attach('.button');
</script>         
{{/code}}
                
                <p>
                    <code class="language-js">Waves.attach()</code> comes with 2 parameters, the first is DOM element that you want to be attached (or string that represent it, like jQuery), and the second one is array of CSS classes that will be put on the element.
                </p>
                
{{#code class="lang-markup"}}
<a href="#" class="button">Click Here</a>
                
<script type="text/javascript">
    Waves.attach('.button', ['waves-button', 'waves-float']);
</script>         
{{/code}}
                
                <h2>Initialize</h2>
                
                <p>