• ベストアンサー

マウスでドラッグ

ある空欄を、マウスでドラッグすると文字があらわれるというのを作成できるそうですが、どうしているのか? ソースをみてもわかりません。

  • HTML
  • 回答数6
  • ありがとう数4

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

  • ベストアンサー
  • gicchon
  • ベストアンサー率34% (25/72)
回答No.5

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

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

お礼

ありがとうございます

matrix4
質問者

補足

ありがとうございます では、選択した文字(反転)の色は指定できますか? また、選択(ドラッグ)したら常時表示することも 可能でしょうか? 参考までです

その他の回答 (5)

  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.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
matrix4
質問者

お礼

ありがとうございます

  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.4

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

matrix4
質問者

補足

左クリックをしたまま文章の上をなぞると言う操作をするのだと思っていました。> えーとそういうことでよいと思います 文字をなぞるのですが、<span></span>でバックと文字を同一にすると文字が見えなくなりませんか・・ よって文字が”選択”できないという状態です。   やりかたが違うのかもしれません。 フリーゲームのお○け行進曲の攻略サイトです ドラッグすると、解説がみえるもいう仕組みになっており、見たくない人にも対応させた方法です。

  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.3

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

matrix4
質問者

補足

文字も見えないのですが、ドラッグできません 空欄にドラッグできるようになにませんか

  • hokuriku
  • ベストアンサー率30% (3/10)
回答No.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>

matrix4
質問者

お礼

ありがとうございます

  • rmz1002
  • ベストアンサー率26% (1206/4531)
回答No.1

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

matrix4
質問者

お礼

ありがとうございます

matrix4
質問者

補足

背景と文字を同一にすると、文字は見えなくなりませんでしょうか、ドラッグすると現れますか・・ また、その場所はわからず、選択できますか・・

関連するQ&A

  • まうすの、ドラッグができません

    まうすの、ドラッグができません マウスのドラッグができません。 そのほかの操作は、問題なくバリバリ出来ます。 でも、HPサイトなどの文章をドラッグすると、 青くなったりするじゃないですか、周りが。 それがならないんです。 マウスのカーソルの形が 手のようなかんじになって、 なんか、ドラッグしようとしたら その手が掴むような形になって 画面がスクロールします。 もう、わけがわかりません。 助けてください。

  • マウスでドラッグ中に解除されてしまう

    win2000ProSP4 マウス:Arvel Laser Tracer MLS23WH マウスでドラッグ中にドラッグが解除されてしまって困っています。 (例えばファイルをドラッグしてフォルダに入れようとすると、その移動途中で落ちてしまう。) 以前も同様の症状があったのでマウスを買い換えましたが、今回もそうなのでマウス自体の問題ではなさそうです。解決策があるでしょうか? よろしくお願いします。

  • マウスドラッグで四角形を表示するには

    WinXPでVisual Basic 6.0をもちいてアプリケーションを作っています。 Formオブジェクトのデザインのときに、マウスを左クリックしてドラッグすると破線の四角形が表示されますよね。 あれと同じようなものを作成するアプリに実装したいと思っているのですが、どのようにしたら良いでしょうか。 MouseDownとMouseMoveを用いてやってみたのですが、これではForm上が四角ばかりになってしまいました。 良い方法を教えてください。

  • マウスドラッグの不具合

    マウスの左クリックをおよそ2秒以上押しっぱなしして、 手を離すのですが、マウスドラッグ状態が解けません。 もう一度短くクリックするとドラッグ状態は解けます。 何か設定をいじったわけではなく、 突然このようになって一週間が経ちました。 マウスを3つ持っているので、他の2つを試しましたが いずれも同じ不具合が起きるため、 マウスの故障ではなさそうです。 マウスの動きを正常な状態に戻すには どうしたら良いでしょうか、ご教授願います。 マウス:BSMBU04SPK PC:dynabook BX/51L OS:Windows 7 Home Premium

  • 無線マウスのドラッグ

    PC:windows8.1 メモリ:2048MB RAM 無線マウス:ELECOM BlueLED MOUSE 事例:EXCELである範囲をコピーするため、ドラッグするが途中で切れたり最初からドラッグが出来ず非常に困っています。有線マウスではすべて上手く行ってます。 何が悪さをするのか?あるいはPCとの調整があるのか?ご指導お願いします。

  • マウスを使わずにドラッグする方法を教えてください。

    マウスが壊れてしまいました。 明日買いに行こうと思っていますが、 本日中に仕上げなければならない書類があり、外に出れません。 マウスなしでドラッグをしコピーアンドペーストする方法を教えてください。

  • ドラッグで選択した文字を、ボタン一つで消去できるマウスはあるか?

    こんばんは。 サイドに戻るボタンを装着したマウスがあるのは知っているのですが、 ドラッグで選択した文字を、ボタン一つで消去できるマウスはあるのでしょうか? もしあるのであれば、是非購入したいので、何か情報がありましたらよろしくお願い致します。

  • ドラッグできません・・

    文章などをドラッグして選択しようとしても、できなくなってしまいました。キーボードの接続や、マウスの汚れに問題はないようなのですが、他になにか原因はあるのでしょうか。 キーボードによる文字入力等は、普通にできますし、マウスでのクリックやスクロール操作は可能です。 ちなみに、マウスはワイヤレスではありません・・

  • マウスのドラックで文章が消せません。

    文章を消す場合マウスでドラッグしてキーボードのバック スペースキーを押せば消えていたのに消せません。 ワードだけこんなふうになります。どこかの設定で直りますか?よろしくお願いします。

  • マウスドラッグができないのですが・・・

    今日になって、今までできていたマウスドラッグが急にできなくなってしまいました(それ以外のクリックなども、ワンテンポ遅れるようになってしまいました)。ですが設定を確認しても何も問題ないとのことです。これはやはり寿命なのでしょうか。ちなみに購入から7年、OSはWindows MEです。ご回答宜しくお願い致します。また、買わなければならないのであれば、どのような点に気をつけなければいけないのかを教えていただけると助かります。(機種は FMV DESKPOWER M7/1007 です)

専門家に質問してみよう