フォーラム@nifty | フォーラム・サークル | サイトマップ | ヘルプ |
掲示板 コラム お役立ち イベント リンク   | FHPGサイトマップ | お問い合わせ |
TOP > お役立ち > JavaScriptのおもちゃ箱 > 飛び出るメッセージ  

飛び出るメッセージ

原案:平井 公大 氏 (2001/01/06 登録)

 メッセージをマウスでクリックすると大きくなったフォントに影が表示されてもとに戻ります(IE4.0以降のみ)。 

表示サンプル

飛び出るメッセージ

ソース記述内容

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<title>飛び出るメッセージ</title>
<script type="text/javascript">
<!--
var n = 10;
var f = 34;
function bowan() {
  document.all.blur_ID.filters['Blur'].strength = n;
  document.all.blur_ID.style.fontSize = f;
  n--;
  f--;
  if (n) {
    timeID = setTimeout( 'bowan()', 5 );
  } else {
    clearTimeout();
    n = 10;
    f = 34;
  }
}
// -->
</script>
</head>
<body>
<div style="text-align: center; height:60px"> 
  <div id="blur_ID" style="position:absolute; left:140px; top:360px; width:400px; font-size:24px; 
                           filter:Blur(add=true, direction=135px, strength=0)" onClick="bowan()">
    飛び出るメッセージ
  </div>
</div>
</body>
</html>
個人情報保護ポリシー
Copyright© NIFTY 2006 All Rights Reserved.
Copyright© FHPG 2006 All Rights Reserved.