カーソルを指定するには

[上に] [前に] [次に]
よれよれ 2000/03/16(木) 11:53:17
お世話になっております。
早速質問ですが、カーソルがある位置に来たときに
カーソルの形状をhandにしたいのです。
カーソルの座標を得ることはできたのですが、
カーソルをhandに指定する方法が分かりません。
どなたか教えて頂けませんか?よろしくお願いします。

ポケ鬼!! 2000/03/16(木) 12:49:11
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html40/strict.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<link rev="made" title="ポケ鬼!!" href="mailto:foo@boo.hoo">
<link rel="prev" title="" href="http://www.boo.hoo/~foo/">
<title>カーソルスタイル変更のサンプル</title>
</head>
<body>
<h1>カーソルスタイル変更のサンプル</h1>
<p>それぞれの文字にカーソルを乗せると、カーソルの形状が変化します。</p>
<div style="cursor: auto">自動</div>
<div style="cursor: default">矢印</div>
<div style="cursor: crosshair">十字</div>
<div style="cursor: hand">手</div>
<div style="cursor: move">矢十字</div>
<div style="cursor: n-resize">上向き矢印</div>
<div style="cursor: s-resize">下向き矢印</div>
<div style="cursor: e-resize">右向き矢印</div>
<div style="cursor: w-resize">左向き矢印</div>
<div style="cursor: nw-resize">左斜め上向き矢印</div>
<div style="cursor: sw-resize">左斜め下向き矢印</div>
<div style="cursor: ne-resize">右斜め上向き矢印</div>
<div style="cursor: se-resize">右斜め下向き矢印</div>
<div style="cursor: text">テキスト</div>
<div style="cursor: wait">時計(wait)</div>
<div style="cursor: watch">時計(watch)</div>
<div style="cursor: help">?付き矢印</div>
</body>
</html>

よれよれ 2000/03/16(木) 13:00:38
ポケ鬼さん。ありがとうございます。

この方法は分かったのですが、この方法だと
一行すべて変更したカーソルになってしまいますよね?
文字の部分だけカーソルの変更を行いたいのです。
どなたかご存知ありませんか?

無責任官庁 2000/03/16(木) 13:05:54
<span style="cursor: hand">手</span><span style="cursor: move">矢十字</span>

とまあこんな感じに、<span></span>にしてあげれば良いかと。

よれよれ 2000/03/16(木) 14:19:01
[[解決]]
無責任官庁さんありがとうございました。

しかし、SPANとDIVで何が違うのか、
いまだに理解していない今日この頃・・・・・

無責任官庁 2000/03/16(木) 14:58:51
違いはまあ見ての通りですけども…(^-^;

<div></div>タグは、タグで囲んだ中身の配置を指定するモノですね。
<div align=left>これは左揃えの文章</div>
本当はこういう風に使うものなんでしょう。

<span></span>タグは、スタイルシート定義用タグなんですね。
単に文章の一部にスタイルシートを入れたい場合は、
こちらを使うのがいいんじゃないかと。

Fuji.♪ [E-Mail] [HomePage] 2000/03/16(木) 17:23:12
DIVは章や節など定義するもので、文書の中でブロック単位で範囲を指定するために利用します。
SPANは文章中の一部分だけを指定する場合に利用します。

HTML 4.0/4.01では、divにalignなどという属性は存在しません。(注:Strict前提)
意味段落などと考えるとわかりやすいかもしれませんね。

どちらも、範囲を定義するだけの物ですので、divはブロックレベルの、spanはインラインレベルのスタイルコンテナとして利用する、という使い方が一般的かもしれません。(特にspan)

[上に] [前に] [次に]