こんにちは、稲垣です。 先日、人生3度目のフルバンク停車を華麗に決め、数日お休みを頂きました。 その節はご迷惑をおかけして誠に申し訳ありませんでした。 さて、今回はjQueryRotateプラグインを使ってルーレットを作成してみました。 画像などを傾けたり、くるくる回したりを手軽にできるプラグインです。 弊社サイトのロゴ部分にも使われているのでロールオーバーしたらくるんと回りますよ。 目次 デモ htmlとcssと画像を用意する html css 画像パーツ 動きの実装 終わり デモ 早速ですが完成イメージになります。 ページを開くと同時にルーレットが回り出し、止まると結果が出力されます。
![jQueryRotateプラグインを使ってくるくる回るルーレットを作ろう | 福岡のホームページ制作会社・メディア総研株式会社 マグネッツ事業部](https://cdn-ak-scissors.b.st-hatena.com/image/square/3d79479eae220521b3898650beb4a5d651c2b535/height=288;version=1;width=512/https%3A%2F%2Fmagnets.jp%2Fwp-content%2Fuploads%2F2014%2F11%2Feyecatch.jpg)