ネットサービスの開発に役立ちそうな話題を中心にお届けします。
F.Ko-Jiの「一秒後は未来」 > Javascript > クリックできる場所でマウスカーソルを変化させる
2006年06月07日 01:47
2073日前に投稿

クリックできる場所でマウスカーソルを変化させる

  • ... PV
  • このエントリーをはてなブックマークに追加

スポンサード リンク

Google Calendarでは、カレンダー部分をクリックすると吹き出し形のレイヤーが表示されて、スケジュールを入力できるようになっています。しかし、カレンダー上にマウスカーソルを置いてもカーソルのスタイルが変化しないため、最初に使うときに「カレンダー上をクリックできる」ということが分からないかもしれません。

ある部分にマウスカーソルが乗ったときにマウスカーソルのスタイルを変化させるには、JavaScriptを使って次のようにします。

・tableのtdタグに適用する場合 <td onMouseOver="this.style.cursor='pointer'">...</td>

スタイルは色々ありますが、ここで指定しているpointerはリンクにカーソルを合わせたとき用のスタイルです。

サンプル
ここにマウスカーソルをあわせてください
マウスのスタイルが変化します
クリックするとダイアログが開きます。

同じタグにonClickでクリックしたときに実行する関数を指定しておけば、リンク要素のない部分であたかもリンクをクリックしたかのようなインタフェースを実現できます。

スポンサード リンク

Written by
関連エントリーはこちら
お探しの情報が見つからない場合はサイト内検索もお試しください。
Meity.jp - Twitterなかまでプライベートなオフ会を開催したいなら


トラックバック

このエントリーのトラックバックURL:

Javascript

English version

2006/06/07 01:47:10 by F.Ko-Ji
コメント (0) トラックバック (0) Javascript

前のエントリー: « Googleがやりそうにないから
次のエントリー: 野球のスコアブックはよくできている »

コピペにご利用ください。

タイトル:

URL:

リンク用HTMLタグ: