- ベストアンサー
マウスでドラッグ
ある空欄を、マウスでドラッグすると文字があらわれるというのを作成できるそうですが、どうしているのか？ ソースをみてもわかりません。
- みんなの回答 （6）
- 専門家の回答
質問者が選んだベストアンサー
#1で回答されているとおり、文字と背景の色を同じにすると見た目は見えなくなります。 ドラッグすると文字と背景が青と白で表示されるので見えるようになります。 場所がわからない場合、ＣＮＴＬ＋Ａで全選択できるので見える場合があります。 （編集→すべて選択、でもＯＫ） 参考ＵＲＬで全選択してみてください。
その他の回答 (5)
- BLUEPIXY
- ベストアンサー率50% (3003/5914)
＃４の補足の意味がよくわかりませんが 見えない部分がわからないということであれば、 その部分を枠で囲むようにして、 なにかあるというようにすればわかりがいいかと思います。 <span style="color:white;background-color:white;border:solid 1px black;">見えない文章</span> ＃３では、"で閉じていませんでした。すみません。 ちなみに 文章を見えなくするには、他にも ＣＳＳとScriptで、 display:none ←→inline or block visibility:hidden ←→ visible で、scriptで切り替える（ボタンなどから呼出） する方法が使えます。 要素が空欄になっていて、ボタンを押すとでてくる と言う場合には、visibilityの方を使います。
お礼
ありがとうございます
- BLUEPIXY
- ベストアンサー率50% (3003/5914)
マウスを使って範囲を選択するように、左クリックをしたまま文章の上をなぞると言う操作をするのだと思っていました。 文字通り「欄」をドラッグできるという意味だとしたら、勘違いしていました。 すみません。 その動作をするWEBサイトを教えてくれませんか？
補足
左クリックをしたまま文章の上をなぞると言う操作をするのだと思っていました。＞ えーとそういうことでよいと思います 文字をなぞるのですが、<span></span>でバックと文字を同一にすると文字が見えなくなりませんか・・ よって文字が”選択”できないという状態です。 やりかたが違うのかもしれません。 フリーゲームのお○け行進曲の攻略サイトです ドラッグすると、解説がみえるもいう仕組みになっており、見たくない人にも対応させた方法です。
- BLUEPIXY
- ベストアンサー率50% (3003/5914)
#1の通りだと思うけど <span style="color:white;background-color:white;>見えない文章</span> みたいな感じかな
補足
文字も見えないのですが、ドラッグできません 空欄にドラッグできるようになにませんか
- hokuriku
- ベストアンサー率30% (3/10)
下記は参考になりませんか？ <!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>
お礼
ありがとうございます
- rmz1002
- ベストアンサー率26% (1205/4529)
いろいろ方法はあるかと思いますが、いちばん簡単なのは「背景の色と文字の色を同じにする」です。
お礼
ありがとうございます
補足
背景と文字を同一にすると、文字は見えなくなりませんでしょうか、ドラッグすると現れますか・・ また、その場所はわからず、選択できますか・・
お礼
ありがとうございます
補足
ありがとうございます では、選択した文字（反転）の色は指定できますか？ また、選択（ドラッグ）したら常時表示することも 可能でしょうか？ 参考までです