*

ボタンにカーソルを乗せたとき色々と効果を付けてみる

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

今回は、ボタンに色々な効果を付けてみます。サンプルコードの実行結果はこちら

サンプルコードでは9つのボタンが表示されていますが、効果は3種類あります。左1列、中央列、右1列で別々の効果がでるようになっています。詳しい説明はサンプルコード上にコメント付しました。

スポンサードリンク

関連記事

jQuery

画面を下にスクロールさせると、違うデザインのメニューがついてくる

タイトルの通りです。画面をスクロールさせると、違うデザインのメニューがついてくる機能を今回作成しまし

記事を読む

catejQuery

透明度を少しづつ変更する fadeTo()

fadeTo()は、セレクターで指定した要素の 透明度(CSSのopacityプロパティ)を、設定

記事を読む

catejQuery

空間を最大限に使いトップページの画像をタブで切り替える。

今回、書くのは、 トップページに複数の作品を乗せたいときに、 スクロールさせず、画面上部に配置し

記事を読む

jQuery

Masonryのギャラリーの画像にホバーしたときに動きを付けてみる

今回はMasonryのギャラリーの画像にマウスのカーソルを乗せたときに青い半透明のアニメーションがで

記事を読む

catejQuery

ダブルクリックされたことを感知するdblclick()

特定の要素がダブルクリックされたときに、 何かしらの処理を実行したい場合は、 dblclick(

記事を読む

jQuery

Masonryでギャラリーページを作ってみる

今回使用するjQueryプラグイン ●Masonry フレキシブルなレイアウトを生成するため

記事を読む

catejQuery

マウスオーバー、マウスアウトを感知する mouseover()・mouseout()

マウスオーバー、マウスアウトを感知する mouseover()・mouseout() これら

記事を読む

catejQuery

フォームの送信を感知する

フォームの送信ボタンがクリックされたときに発生する submitイベントの処理を設定します。Web

記事を読む

catejQuery

表示中の要素を非表示にする hide()

hide()は、show()の逆の命令です。 表示されている状態(display:block)のH

記事を読む

catejQuery

表示状態を切り替える fadeIn()/fadeOut()

fadeIn()/fadeOut()は、文字通りです。 フェードイン・フェードアウトしながらHTM

記事を読む

スポンサードリンク

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 ↑