マウスでドラッグ

解決済

質問者：matrix4
質問日時：2004/09/22 08:53
回答数：6件

ある空欄を、マウスでドラッグすると文字があらわれるというのを作成できるそうですが、どうしているのか？

ソースをみてもわかりません。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (6件)

ベストアンサー優先
最新から表示
回答順に表示

No.5ベストアンサー

回答者： gicchon
回答日時：2004/09/23 14:14

#1で回答されているとおり、文字と背景の色を同じにすると見た目は見えなくなります。

ドラッグすると文字と背景が青と白で表示されるので見えるようになります。
場所がわからない場合、ＣＮＴＬ＋Ａで全選択できるので見える場合があります。
（編集→すべて選択、でもＯＫ）
参考ＵＲＬで全選択してみてください。

参考URL：http://www1.neweb.ne.jp/wb/samona/obake/hint.html

この回答への補足

ありがとうございます

では、選択した文字（反転）の色は指定できますか？

また、選択（ドラッグ）したら常時表示することも
可能でしょうか？

参考までです

補足日時：2004/09/23 18:16

通報する

- 0
- 件

通報する

この回答へのお礼

ありがとうございます

通報する

お礼日時：2004/09/24 10:42

No.6

回答者： BLUEPIXY
回答日時：2004/09/23 14:47

＃４の補足の意味がよくわかりませんが

見えない部分がわからないということであれば、
その部分を枠で囲むようにして、
なにかあるというようにすればわかりがいいかと思います。
<span style="color:white;background-color:white;border:solid 1px black;">見えない文章</span>
＃３では、"で閉じていませんでした。すみません。
ちなみに
文章を見えなくするには、他にも
ＣＳＳとScriptで、
display:none ←→inline or block
visibility:hidden ←→ visible
で、scriptで切り替える（ボタンなどから呼出）
する方法が使えます。
要素が空欄になっていて、ボタンを押すとでてくる
と言う場合には、visibilityの方を使います。

参考URL：http://blog.livedoor.jp/p-1956050/archives/37444 …

- 0
- 件

通報する

この回答へのお礼

ありがとうございます

通報する

お礼日時：2004/09/24 10:41

No.4

回答者： BLUEPIXY
回答日時：2004/09/22 20:44

マウスを使って範囲を選択するように、左クリックをしたまま文章の上をなぞると言う操作をするのだと思っていました。

文字通り「欄」をドラッグできるという意味だとしたら、勘違いしていました。
すみません。

その動作をするWEBサイトを教えてくれませんか？

この回答への補足

左クリックをしたまま文章の上をなぞると言う操作をするのだと思っていました。＞

えーとそういうことでよいと思います

文字をなぞるのですが、<span></span>でバックと文字を同一にすると文字が見えなくなりませんか・・

よって文字が”選択”できないという状態です。

　　やりかたが違うのかもしれません。
フリーゲームのお○け行進曲の攻略サイトです

ドラッグすると、解説がみえるもいう仕組みになっており、見たくない人にも対応させた方法です。

補足日時：2004/09/23 11:24

通報する

- 0
- 件

通報する

No.3

回答者： BLUEPIXY
回答日時：2004/09/22 14:00

#1の通りだと思うけど

<span style="color:white;background-color:white;>見えない文章</span>
みたいな感じかな

この回答への補足

文字も見えないのですが、ドラッグできません

空欄にドラッグできるようになにませんか

補足日時：2004/09/22 18:59

通報する

- 0
- 件

通報する

No.2

回答者： hokuriku
回答日時：2004/09/22 10:39

下記は参考になりませんか？

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/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">
<title>TIPS050　マウスオーバーで透明度を変える</title>
<style type="text/css">

</style>
</head>
<body>

<h1 lang="en">Photo Gallery</h1>

<p>
<a href="index.html"><img src="tips049-1.jpg" width="160" height="120" alt="photo1"></a>
<a href="index.html"><img src="tips049-2.jpg" width="160" height="120" alt="photo2"></a>
<a href="index.html"><img src="tips049-3.jpg" width="160" height="120" alt="photo3"></a>
</p>

</body>
</html>