CALENDAR
S M T W T F S
 123456
78910111213
14151617181920
21222324252627
28293031   
<< October 2018 >>
ARCHIVES
CATEGORIES
RECOMMEND
RECOMMEND
MOBILE
qrcode
<< BBQ〜☆ | main | マウスを乗せると画像が変わる♪ >>
マウスを乗せると文字がでっかくなる!
ホームページやblogを見ていて、文章の上で何気なくマウスを動かしたときに、その文字や文章が突然大きくなったら面白いよね??

そんなマウスオーバー機能もあるんですよ・・・。

これも非常に簡単な書き方でインパクトを与えられますよ。。。

書き方は非常に簡単・・・

ーーーーーーーーーーーーーーーーーーーー
<DIV style="font-size:★px"
onmouseover="this.style.fontSize='☆px'"
onmouseout="this.style.fontSize='★px'">
ここに文字を入れると、この文章の上をマウス
が通過した時のみ文字サイズが変化する。。
</DIV>
ーーーーーーーーーーーーーーーーーーーー

こんな感じになるはずです・・・↓
ーーーーーーーーーーーーーーーーーーーー
ここに文字を入れると、この文章の上をマウスが通過した時のみ文字サイズが変化する。。

ーーーーーーーーーーーーーーーーーーーー


結構、面白いでしょ??
blogの効果もアップ!?(もしかしてダウン・・・(^_^;

自分のパソコンの日本語入力ソフトに

<DIV style="font-size:★px"
onmouseover="this.style.fontSize='☆px'"
onmouseout="this.style.fontSize='★px'">文章入れる
</DIV>

を単語登録しておけば、簡単にいつでも使えるよね(^_^)

※「★」はマウスが乗ってない時、「☆」はマウスが乗った時のフォントサイズを入力。
| インターネット | 23:55 | comments(0) | trackbacks(0) | pookmark |
コメント
コメントする









この記事のトラックバックURL
http://blog.kazushi.babyblue.jp/trackback/981688
トラックバック