*

jQueryで聖剣伝説に出てくるリングメニューを作ってみる

公開日: : 最終更新日:2015/10/29 jQuery , ,

タイトルの通り、聖剣伝説で登場する円状に広がるリング状のメニューを今回紹介します。
サンプルコードの実行結果はこちら

今回使用するプラグインの名前は「flowernav」といいます。デモはこちらです。ただ、公式サイトからプラグインを持ってきても動きません。プラグインが最新のjQueryに対応していないからです。
なので、ダウンロードしたプラグインを修正する必要があります。
手順:
1.「jquery.flowernav-1.0.js」を開く
2.「$button.live」と記載されている個所を探す
3.「$button.live」→「$button.on」へ修正する。(2か所あります)
上記の手順でこのプラグインは動くはずです。

スポンサードリンク

関連記事

jQuery

jQueryで表示・非表示サイドバーを作ってみる

今回の内容は、クリック操作によってWebページの左側に格納できるサイドバーを作成します。サンプルコー

記事を読む

jQuery

jQueryでスライドショーを作ってみる

タイトルの通りです。簡単なスライドショーを作成してみました。 サンプルコードの実行結果はこちら

記事を読む

catejQuery

jQueryのセレクター3 parent/contains/hasセレクター

前回と同様にjQueryのセレクターを紹介します。 parentセレクター parentセレ

記事を読む

catejQuery

jQueryのセレクター1 odd/even/first/lastセレクター

CSSの箇所でselectorを取り上げましたが、 jQuery独自のセレクターがあるので 何回

記事を読む

catejQuery

処理のタイミングを決めるイベントについて

jQueryを使ったコードは、セレクターで特定の HTML要素を指定して、CSSやHTMLを変更・

記事を読む

jQuery

スライドショーに色々な機能を付けてみた。

詳細はサンプルコードにコメントアウトしました。サンプルコードの実行結果はこちら CSSのサンプ

記事を読む

catejQuery

属性値の変更・取得・削除、要素の置き換え

jQueryはHTMLの要素だけではなく、属性に設定されている値を 変更したり、取得出来たりします

記事を読む

catejQuery

非表示の要素を表示する show()

show()は、CSSのdisplayプロパティの値が「none」、 非表示のHTML要素を、アニ

記事を読む

catejQuery

ボタンを回転させて表示する。

ブラウザの上部からぶら下がっているボタンです。スクロールが停止した後、一定時間おいて回転しながら現れ

記事を読む

catejQuery

クリックしたことを感知するclick()

click()命令はready()と同様に、括弧内のfunction(){...}と記述し その内

記事を読む

スポンサードリンク

Message

メールアドレスが公開されることはありません。

CAPTCHA


次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">



スポンサードリンク

jQueryMobile
トグルスイッチを設定する

トグルスイッチ(toggle switch)とは、〇型のつまみを左右に

jQueryMobile
項目選択の複数ウィジェットをグループ化する

年月日など、複数のリストから同時に選択したいとき、ウィジェットのグルー

jQueryMobile
<select>により項目選択

ボタンによる選択では、1つの項目だけ選択するか、複数を同時に選択するか

jQueryMobile
値を選択するボタンを表示する

値を選択するボタンは以下の2つがあります。 ・複数の値から1つだ

jQueryMobile
ボタンを設定する

前回の記事では<a data-role="button">

→もっと見る

  • スポンサーリンク

PAGE TOP ↑