タイトルをズームイン表示させる JavaScript のサンプルです。
※ズームイン表示のサンプル
■JavaScript 記述例 （<head> 〜 </head> 内に記述）
<SCRIPT language=JavaScript>
<!--
var text_size = 0
function sizeChange() {
if(text_size < 25) {
text_size = text_size + 2
var text_size_s = text_size + "px"
document.all.title.style.fontSize = text_size_s
timerID = setTimeout("sizeChange()",50)
} else {
clearTimeout(timerID)
document.all.title.style.color = "red"
document.bgColor="black"
}}
//-->
</SCRIPT>
onload="sizeChange()" を、bodyタグ内に記述する。
※表記例； <body onload="sizeChange()">
※HTMLの編集より、タイトル表記部分を以下のように記述する。
<h1 id="title"><a href="<%url>"><%blog_name></a></h1>
※スタイルシートの編集より、タイトル表記部分のCSSを以下のように記述
#title {
font-size: 14px; color: #333;
margin: 10px 0px 0px 0px; padding: 5px;
}
・フォントサイズは、初期値の大きさです。
（JavaScriptが正常に動作しない場合を考慮し、小さくしすぎないように）
・マージンやパディングなどのスペースは適当に
記事にご満足頂けましたら、クリックをお願い致します
週刊ブログランキング 
人気blogランキング！ 
人気ブログ検索-ブログフリーク
JAVAスクリプト〜サンプル置き場
一頃、JavaScriptにはまっていた頃に作ったサイトなので、あまり新しいサンプルはありませんが、利用できるようでしたら、ご自由にJavaScriptサンプルをご利用下さい！
※ズームイン表示のサンプル
■JavaScript 記述例 （<head> 〜 </head> 内に記述）
<SCRIPT language=JavaScript>
<!--
var text_size = 0
function sizeChange() {
if(text_size < 25) {
text_size = text_size + 2
var text_size_s = text_size + "px"
document.all.title.style.fontSize = text_size_s
timerID = setTimeout("sizeChange()",50)
} else {
clearTimeout(timerID)
document.all.title.style.color = "red"
document.bgColor="black"
}}
//-->
</SCRIPT>
onload="sizeChange()" を、bodyタグ内に記述する。
※表記例； <body onload="sizeChange()">
※HTMLの編集より、タイトル表記部分を以下のように記述する。
<h1 id="title"><a href="<%url>"><%blog_name></a></h1>
※スタイルシートの編集より、タイトル表記部分のCSSを以下のように記述
#title {
font-size: 14px; color: #333;
margin: 10px 0px 0px 0px; padding: 5px;
}
・フォントサイズは、初期値の大きさです。
（JavaScriptが正常に動作しない場合を考慮し、小さくしすぎないように）
・マージンやパディングなどのスペースは適当に
記事にご満足頂けましたら、クリックをお願い致します 週刊ブログランキング 人気blogランキング！ 人気ブログ検索-ブログフリーク JAVAスクリプト〜サンプル置き場一頃、JavaScriptにはまっていた頃に作ったサイトなので、あまり新しいサンプルはありませんが、利用できるようでしたら、ご自由にJavaScriptサンプルをご利用下さい！
この記事のトラックバックURL
この記事へのトラックバック
Javaのネタを毎日ネットから集めてブログ形式でお届け中。ブログや飲み会でのネタを見つける為に利用してください。「○○のネタ欲しい!」とキーワードのご提案もお気軽にどうぞ！お待ちしてます。
2005/12/11(日) 06:42:26 | ネタ蔵
| 無料ブログ テンプレート カスタマイズ |
Copyright © 2006 無料ブログ テンプレート カスタマイズ All rights reserved.
ドメイン SEO対策カウンター
Template by 無料ホームページ作成講座ブログ
Copyright © 2006 無料ブログ テンプレート カスタマイズ All rights reserved.
ドメイン SEO対策カウンター
Template by 無料ホームページ作成講座ブログ