*

マウスの動きに合わせて処理を行うmousemove()

公開日: : 最終更新日:2015/08/03 jQuery

この命令は、特定の要素上でマウスカーソルが
動いたときに処理を行います。

mousemoveを使用するのは、座標などの情報を取得する
命令と組み合わせるケースがあります。
mousemove()の中のfunction()をfunction(e)にすると、
イベント発生時にe.clientXは現在のマウスのX座標、
e.clientYは現在のマウスのY座標を取得できます。

X座標とY座標は、ブラウザの左上からのマウスカーソルまでの
距離をpixel単位で表したものです。

実行結果はこちらです。

スポンサードリンク

関連記事

jQuery

Masonryのギャラリーの画像をクリックすると、画像が拡大し、キャプションがでるようにしてみる

前回の記事でMasonryのギャラリーを作成しましたが、今回はそれに、見出しをつけてみます。 サン

記事を読む

catejQuery

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

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

記事を読む

catejQuery

フォームの部品の値を取得したり変更する命令

フォームを操作する専用の命令がval()です。 この命令を使用すると、フォームに入力または、選択さ

記事を読む

catejQuery

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

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

記事を読む

catejQuery

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

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

記事を読む

jQuery

HTMLの取得と変更

.explain{ width:380px; border-radius:18px

記事を読む

catejQuery

複数の命令をまとめて書く メソッドチェーン

HTML,CSSの命令を書いてきました。 今回紹介するのが「メソッドチェーン」と呼ばれるものです。

記事を読む

catejQuery

表示・非表示をスライドさせて切り替えるslidedown/slideUp()

slidedown/slideUp()は、セレクターで指定した要素の 表示・非表示をスライドアニメ

記事を読む

jQuery

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

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

記事を読む

jQuery

画像読込の進捗具合が分かるプログレスバーを作成

タイトルの通りです。読み込み中の画像を表示しないようにし、かつ画像読込の進捗度を表示してみます。

記事を読む

スポンサードリンク

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 ↑