1

http://darsa.in/sly/を使用

このコードで Sly が動作しないのはなぜですか? すみません、初めてです。ドキュメントを見てそれに従いましたが、うまくいきません。何か足りないものはありますか？Sly by darsain の初心者です。SLYの使い方を教えてください

<html>
<head>
    <style>
        * {padding: 0; margin: 0;}
        .frame {
            height: 100px;
            border: 1px solid silver;
            width: 100%;
        }
        .slidee {
            float: left;
            width: 100%;
        }
        .scrollbar { width: 100%; height: 10px; }
        .scrollbar .handle {
            width: 100px; /* overriden if dynamicHandle: 1 */
            height: 100%;
            background: #222;
        }
    </style>
    <script src="jquery.js"></script>
    <script src="sly.min.js"></sript>
    <script>
    $(document).ready(function(){
        var sly = new Sly('.frame');
        sly.init();
    });
    </script>
</head>
<body>
    <div class="scrollbar">
      <div class="handle"></div>
    </div>
    <div class="frame" id="oneperframe">

        <div class="slidee">
            <h2>This is a heading</h2>
            <p>This is a paragraph</p>
        </div>

        <div class="slidee">
            <h2>This is a heading</h2>
            <p>This is a paragraph</p>
        </div>

        <div class="slidee">
            <h2>This is a heading</h2>
            <p>This is a paragraph</p>
        </div>

    </div>
</body>

4

1 に答える 1

0

使ってみる

<script src="http://darsa.in/sly/examples/js/vendor/plugins.js"></script>

jquery.jsの後

または、ここで間違いがあるかもしれません

<script src="sly.min.js"></sript>

でなければなりません

<script src="sly.min.js"></script>

:P

于 2015-11-21T17:35:52.933 に答える