散髪屋さんのサインポールの動きを再現する jQuery プラグインです。
サンプル
jQuery と barbersignpole.js をダウンロードして、HTMLファイルから読み込んで下さい。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script src="barbersignpole.js"></script>後はサインポールにしたい要素を指定すれば完成です。
$("#pole1").barbersignpole();
オプション | 説明 | |
---|---|---|
patern | 模様 | 色と幅(%)のオブジェクト({color:"#F843DD",width:2})を 配列にして指定してください。 |
vect | 方向指定 | テンキーを基準に7が左上、9が右上、3が右下、1が左下になります。 |
speed | 速度 | 一連のアニメーションの時間(秒)です。 |