タグからサイトを作ってる者です。って言ってもHTMLとJava Scriptの違いすら知らない超初心者なので、このカテゴリであってるのかすら分からないですが…。
文字上にマウスを載せると文字が変化するタグを使おうと思っているのですが、載せているときとその前とで文字のサイズを変えることは可能ですか?一応書いてみたのは、
<font size="3" onmouseover="this.innerText='あ'; return true;" onmouseout="this.innerText='い'; return true;">
い
</font>
ここまでなんですが…こうすると「い」も「あ」も同じサイズですよね。「い」を大きめにして、「あ」は小さくしたいんです。
分かる方いらっしゃいましたら回答お願いします。解説はできるだけ詳しくしてくださると助かります…。
No.2ベストアンサー
- 回答日時:
fontタグはつかわないほうがよいです。
それとinnerTextもブラウザに依存するのでinnerHTMLをつかってください。
<span onmouseover="this.innerHTML='あ';this.style.fontSize='0.8em'" onmouseout="this.innerHTML='い';this.style.fontSize='1em'">い</span>
No.1
- 回答日時:
<font onmouseover="this.innerText='あ';this.size='3'"; return true;" onmouseout="this.innerText='い';this.size='5'"; return true;">
<font size="5">い</font>
</font>
とりあえずなったけど、この書き方が正しいのかはわかりません。
ここを参考にしてみました。
参考URL:http://pega.littlestar.jp/tagunooheya/4-1mouse.h …
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- PHP アンドロイドスマホでのphp echoの文字サイズ 1 2023/05/13 15:15
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- Gmail 「Andoroidスマホ、Gmailで 文字の大きさの変更はどうすればいいのでしょうか?」 普段、文 1 2023/04/04 17:11
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- Visual Basic(VBA) VBAにてメール作成した際、一部指定箇所のみ赤文字にしたいです。 下記の内容ですと作成されたメール本 1 2022/04/27 13:31
- PHP htmlspecialcharsが機能していないです。 バグですか? 1 2022/04/05 01:22
- Excel(エクセル) 年末調整書類をExcel→スプレッドシートへ変換したい場合 2 2022/11/15 17:13
- Word(ワード) Wordでの印刷サイズについて A4の原稿をB5サイズで出力したいとき、 印刷から用紙サイズの指定か 4 2022/04/30 09:51
- JavaScript HTMLでJavaScriptを使ってパスワードの強化判定のプログラムを作成しています。 一通り作っ 2 2022/10/19 01:41
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
return trueとreturn falseの用...
-
未入力のラジオボタンに、alert...
-
onSubmit=の後ろは複数可能でし...
-
slickのレスポンシブ > center...
-
TEXTAREAに入力した改行コード...
-
未選択のチェック方法を教えて...
-
フォームの入力チェックをする...
-
!!winVar
-
度胸試しのJavaScript
-
コピペを禁止するtextarea
-
<JavaScript>tableタグを入力不...
-
【jQuery】input nameの文字列...
-
onchangeイベントを強制的に発...
-
javascriptでASPにデータを渡す
-
プルダウン選択を変更すると、...
-
二つの入力欄に、同時に同じ文...
-
ラジオボタンにタブインデック...
-
ラジオボタンのチェックが外れ...
-
別ウィンドウへのsubmitの挙動...
-
Selectボックスの一覧表示方法
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
return trueとreturn falseの用...
-
slickのレスポンシブ > center...
-
ラジオボタンのNullチェック
-
COBOLの数字チェック
-
未入力のラジオボタンに、alert...
-
JavaScriptde途中で、「exit」...
-
正規表現で複数マッチ条件で悩...
-
コピペを禁止するtextarea
-
ツリービューのチェックボック...
-
フォームの入力チェックをする...
-
度胸試しのJavaScript
-
Visual Studioのデザインでの非...
-
一度しか押せないボタンについて
-
onSubmit=の後ろは複数可能でし...
-
form の onSubmit がコールされ...
-
チェックボックスの有無判定
-
テキストボックスに数字しか入...
-
変数の値によってsubmit後の動...
-
ドラッグ&ドロップ禁止について
-
IE7のJavascriptで return fals...
おすすめ情報