こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

マウスでドラッグ

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

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

投稿日時 - 2004-09-22 08:53:12

QNo.1011722

暇なときに回答ください

質問者が選んだベストアンサー

#1で回答されているとおり、文字と背景の色を同じにすると見た目は見えなくなります。
ドラッグすると文字と背景が青と白で表示されるので見えるようになります。
場所がわからない場合、CNTL+Aで全選択できるので見える場合があります。
(編集→すべて選択、でもOK)
参考URLで全選択してみてください。

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

投稿日時 - 2004-09-23 14:14:02

補足

ありがとうございます

では、選択した文字(反転)の色は指定できますか?

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

参考までです

投稿日時 - 2004-09-23 18:16:52

お礼

ありがとうございます

投稿日時 - 2004-09-24 10:42:00

ANo.5

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(6)

ANo.6

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

参考URL:http://blog.livedoor.jp/p-1956050/archives/374440.html

投稿日時 - 2004-09-23 14:47:54

お礼

ありがとうございます

投稿日時 - 2004-09-24 10:41:24

ANo.4

マウスを使って範囲を選択するように、左クリックをしたまま文章の上をなぞると言う操作をするのだと思っていました。
文字通り「欄」をドラッグできるという意味だとしたら、勘違いしていました。
すみません。

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

投稿日時 - 2004-09-22 20:44:27

補足

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

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

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

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

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

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

投稿日時 - 2004-09-23 11:24:40

ANo.3

#1の通りだと思うけど
<span style="color:white;background-color:white;>見えない文章</span>
みたいな感じかな

投稿日時 - 2004-09-22 14:00:57

補足

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

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

投稿日時 - 2004-09-22 18:59:13

ANo.2

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

<!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">
<!--
body { margin-left: 2em; margin-right : 2em;
color: black; background: #BBEEEE url(tips050.gif); }
a:link { color: blue; }
a:visited { color: purple; }
h1 { font: bold 1.5em Verdana; }

a img { filter: Alpha(Opacity=50); -moz-opacity: 0.5;
border-style: none; }
a:hover img { filter: Alpha(Opacity=100); -moz-opacity: 1.0; }
-->
</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>

投稿日時 - 2004-09-22 10:39:00

お礼

ありがとうございます

投稿日時 - 2004-09-24 10:42:39

ANo.1

いろいろ方法はあるかと思いますが、いちばん簡単なのは「背景の色と文字の色を同じにする」です。

投稿日時 - 2004-09-22 08:59:13

補足

背景と文字を同一にすると、文字は見えなくなりませんでしょうか、ドラッグすると現れますか・・

また、その場所はわからず、選択できますか・・

投稿日時 - 2004-09-23 11:30:11

お礼

ありがとうございます

投稿日時 - 2004-09-24 10:43:06

あなたにオススメの質問