文字にポインターを乗せると文字サイズも色も替える方法

ＷＥＢ上で文字の上にマウスを置いた時に文字色が変更され、更に拡大するという技を紹介しますね・・・

• マウスが乗ってる時・・・onmouseover
• マウスを外した時・・・onmouseout
  先日のポインターを乗せると背景色が変わる方法の時と一緒のこの二つを使ってで指示します。
  
  
  
  1. 先ず、ポインターが文字に乗ってる時の大きくする時の記述は・・・
     • 大きくするフォントサイズ・・・onmouseover="this.style.fontSize='40'"
       (注)　フォントサイズは数字で指定。
       　　　fontSizeの　"S"　は大文字で指定。
       
     • 文字色を指定・・・onmouseover="this.style.color='red'"
       
     • これを一つにまとめて記述すれば・・・
       　　onmouseover="this.style.fontSize='40';this.style.color='red'"・・・①
     
     
     
  2. 次に、ポインターが文字から外れた時の元サイズと色の指定の記述・・・
     • 小さくするフォントサイズ・・・onmouseout="this.style.fontSize='14'"
       
     • 文字色を指定・・・onmouseout="this.style.color='black'"
       
     • これを一つにまとめて記述すれば・・・
       　　onmouseout="this.style.fontSize='14';this.style.color='black'"・・・②
     
     
     
  3. この①と②をSPAN要素の中に記述すればよい訳です・・・
     <span onmouseover="this.style.fontSize='40';this.style.color='red'" onmouseout="this.style.fontSize='14';this.style.color='black'">マウスを乗せると拡大します
     ※　サイズ・色は自由に変更して下さい。
     
     
  4. これで完成です。
     ※下の図のように成りますがこのブログでは表示されませんので図をクリックして体感してみて下さい。
     　

今日は少し遊び心がありましたが小技は如何でしたか？

首相 幻のなでしこ観戦ツアー！

日本の女子サッカー“なでしこジャパン”の初の決勝進出という快挙は、

今の日本にとっての本当に明るい嬉しい話題である・・・しかし・・・

パフォーマンスしか考えていないのか・・・日本の首相の軽率な姿勢が明るみに出た・・・


～以下、7月16日読売新聞より抜粋～

首相 幻のなでしこ観戦

慎重意見で中止

ドイツ外遊検討

ドイツで開催されているサッカー・女子ワールドカップ（Ｗ杯）の決勝戦について、管首相が現地で応援する方向で首相周辺が一時検討したものの、断念していたことが15日分かった。　政府関係者によると、初の決勝進出を果たした「ナデシコジャパン」を首相が現地で観戦できるよう、17日朝に政府専用機で日本を出発し、19日朝に帰国する「強行日程」が秘密裏に検討された。　しかし、「東日本大震災の対応もあるのに、サッカー観戦している場合ではない」と慎重意見が出たほか、「政府専用機を使用すれば数千万円の経費がかかる」（防衛省）ことも考慮し、結局、"ドイツ外遊"は幻に終わった。政府は変わりに鈴木寛文文部科学副大臣の派遣を検討している。　民主党内からは「被災者への義援金が行き届かない中、数千万円を使ってサッカー観戦など、あきれる」と首相の姿勢を疑問視する声が出ている。

この人には今一刻でも早く、やらなければならないことが解ってないのか・・・

またこのような事を誰が考え出したのか、周りの取り巻き連中も・・・秘密裏に・・・検討したという事実！

企業・国民に不自由を強いている国の長がこの様な発想しか出来ないのが恥ずかしい限りだ・・・