サインポール風アニメーションjQueryプラグイン
JavaScript HTML
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
README.md
barbersignpole.html
barbersignpole.js
barbersignpole.png

README.md

BarBerSignpole

散髪屋さんのサインポールの動きを再現する 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速度一連のアニメーションの時間(秒)です。

バーバーサイン