• ベストアンサー

十字のマウスカーソルについて。

マウスカーソルについて。 よくHP上でみるマウスカーソル。 下記のソースでマウス自体の形がが変わるのは解るんですが… 【SOURCE】 <style type="text/css"> <!-- body{cursor:crosshair;} --> </style> カーソルというか、画面全体に十字の線?(マウスを動かすとマウスカーソルのように動く)を表示されるようにするにはどうしたらいいのか教えてください。 分からない説明ですいません。

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

  • ベストアンサー
  • HUTABA
  • ベストアンサー率27% (436/1611)
回答No.1

きっとこれの事ですね。 ソースを見て研究してください。

参考URL:
http://www16.big.or.jp/~ogura1/java_scr/cross.html
kanayamayuu
質問者

お礼

そうです!これです。 ありがとうございました♪

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (1)

noname#48234
noname#48234
回答No.2

こんにちは。 たぶん、これのことを仰っているんだと思いますが・・・(参考URL参照)。

参考URL:
http://www.hajimeteno.ne.jp/dhtml/dist/js63.html
全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • <BODY>タグに複数のstyle属性

    現在ホームページビルダーでサイトを作っています。 まず、背景の画像を<BODY background="画像" style="background-repeat:no-repeat"> で繰り返しを制限しています。 さらに、マウスカーソルの形を十字にしたいので、 <BODY>タグに<style="cursor:crosshair">を追加しました。 ですが、こうすると「複数の属性値(style)が指定されています」 という構文エラーが出てしまい、上手くいきません。 <BODY>タグに複数のstyle属性を入れることはできないのでしょうか? HP作り初心者なのでよくわかりません。 ご回答宜しくお願いします。

    • ベストアンサー
    • HTML
  • カーソルの変形とマップの共存

    お世話になっています。 マップを使った場合、カーソルをcrosshairには出来るのですが、リンクに乗ってもw-resizeにならないのです。 相性とかあるのでしょうか? こんな風にやったのですが・・・ ↓ ↓ ↓ ↓ <STYLE TYPE="text/css"> <!-- BODY {border:3px solid #2c3143 ;cursor: crosshair ; scrollbar-base-color : #EEEEEE; scrollbar-face-color : #000000; scrollbar-track-color: #000000; scrollbar-arrow-color : #BBBBBB; scrollbar-3dlight-color: #EEEEEE; scrollbar-highlight-color : #000000; scrollbar-shadow-color : #EEEEEE; scrollbar-darkshadow-color : #000000; } A { cursor : w-resize ; } --> </STYLE> マップを使わない場合は問題なかったのです。 宜しくお願いします。。。

    • 締切済み
    • CSS
  • ホームページビルダーでカーソル

    ホームページビルダーでカーソルの変更をしたいのですが、タグを入力しても変わりません。 <STYLE type="text/css"> <!-- body{cursor:url(カーソル画像のアドレス);} a{cursor:url(カーソル画像のアドレス);} --> </STYLE> タグは、こんな感じのタグです。 カーソル画像のアドレスの所はファイルに保存してあるファイルの名前でいいんでしょうか? カーソルの画像は素材屋さんからかりてきたカーソルアイコンです。

  • マウスカーソルを当てた時だけハイパーリンクの下線を

    マウスカーソルを当てた時だけハイパーリンクの下線を表示させたいです。 今、 <html> <head> <title>test</title> <style type="text/css"> a.{text-decoration: none;} </style> </head> <body> <a href="http://www.yahoo.co.jp/">yahoo</a> </body> </html> というコードですが、 まず、a.{text-decoration: none;}をしてるのに、リンクに下線がついてしまいます。 a.{text-decoration: none;}が間違っていると思うので、 マウスカーソルを当ててない状態で、リンクに下線を表示させない方法を教えてください。 更に、マウスカーソルを当てたときのみ、下線を表示させたいのですが、 その方法も併せてご教授お願いします。

    • 締切済み
    • CSS
  • もう意味がわかりません。

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html>    <head>      <title></title> <style type="text/css"> <!-- A       {text-decoration: none;         cursor:crosshair} --> </style>   </head>    <body bgcolor="#000000" link="darkolivegreen" alink="activeborder" vlink="activeborder">              <center><font size=5 color=darkolivegreen><br><br><br>HP</font>       <br><br><font color=slategray size="-1"><br><br><br><br>               <a href="menu.html">Enter</a></font></center>   </body> </html> ______________________ カーソルを「十字」にしたいのと、 リンク下の線を消したいです。 それで参考書通りにやったのですが、 何故か下線は消えてくれないし、 カーソルも十字になりません。。 これは一体どういうこと!? どこかオカシイか、教えてください・・。 お願いしますm(__)m

    • ベストアンサー
    • HTML
  • URLって‥

    HPに画像カーソルを入れさせる為に <STYLE type="text/css"> <!-- body{cursor:url(カーソルのURL);} a{cursor:url(カーソルのURL);} --> </STYLE> ってやりますよね?でもその場合、『(カーソルのURL)』には何て入力するんですか!? 直リンは駄目でしょうし、画像は解凍してドキュメント内のファイルの中にあります。 ちなみに、カーソルはhttp://holylagoon.org/様から 頂いたのですが‥。

    • ベストアンサー
    • HTML
  • マウスポインタをある形に変えたい

    ちょっとかじっただけの初心者です。(技術者向けのカテゴリーですいません) スタイルシートでマウスポインタを 画面全体を横切る十字(つまり、クリックするところが縦線と横線のクロス点になっている、線は画面全体にわたっている) といった形にしたいのですが、どうすればよいでしょうか。 以前、どこかのHPで見たことがあるのですが、どこか忘れてしまったのでソースの確認もできず、検索してもマウスポインタを特定の画像にかえる方法しか見つけられず困っています。 それを応用できるだけの知識もないので、詳しい方、なにかご教授お願いします。

    • ベストアンサー
    • HTML
  • fc2ブログのカスタマイズで、カーソルがテキストタイプになってしまい困っています

    fc2ブログのカスタマイズに関しての質問です。 『blue_3column』を元にして、自分好みにカスタムしています。 プラグインカテゴリ?サイドカラム?の下の何も無い所にカーソルを持っていくと、カーソルがテキストタイプになってしまい困っています。 そこで、 <Style Type="text/css"> <!-- Body{cursor:url(arrow),auto;} --> </Style> を用いて全体的にカーソルを矢印にし、テキスト部分をテキスト、リンク部分を指にするという風に一つ一つ書き加えて変更をかけました。 しかしページが重くなっている気がします。(色変更した文字は何故かテキストにならず、矢印になっている) そしてスマートなやり方にも思えません。 カーソルを適切な形にする良い方法は無いでしょうか? もしも一つ一つカーソルを指定する方法しかないのであれば、 記事中で文字色を変更した場合にも、対応する方法を教えて下さい。 よろしくお願いします。

  • カーソルを変える

    ブログのページ内でカーソルの形状を変えたいと思っています。 別に画像に差し替えたい訳ではないので、 <!-- body{ cursor:hand } --> を打って常にページ内ではカーソルをhandの形にすることは出来ました。しかしあとはこのhandカーソルを透過したいのですが、調べてみたらテーブルを透過するタグしか出てきませんでした;↓ <SPAN style="background-color:transparent;"> カーソルも↑の透過させるタグみたいのはあるんですか?

    • ベストアンサー
    • HTML
  • スタイルシートを使ってカーソルの形を維持する方法

    ページ内で表示されるカーソルの形を、スタイルシートを用いて替えたいと思っています。 変えたとしても、どうしてもリンクの部分で「手」の形に戻ってしまいます。 ↓今はこうやってます <STYLE TYPE="text/css"> <!-- BODY {:;} --> </STYLE> どうすれば、「常に」(リンクの部分で変化しない)ように出来るでしょうか? どうぞ、ぜひ、ご回答をお願いします。