※ズームイン表示のサンプル
■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サンプルをご利用下さい!
▼ソース
<div onmouseover="window.status='ステータスバーに文字を表示'" onmouseout="window.status=''">ここにマウスをのせると・・・?</div>
▼表示例
▼リンクに対して用いる場合のソース
<a href="○×.html" onmouseover="window.status='ステータスバーに文字を表示';
return true;" onmouseout="window.status=''">リンクにマウスをのせると・・・?</a>
▼表示例
リンクにマウスをのせると・・・?
◎「お気に入り」に登録させるJavaScript
▼スクリプト部分ソース
<script type="text/javascript"><!--
function Favorite(url, msg) {
if (window.external) {
window.external.AddFavorite(url, msg);
} else {
alert("Internet Explorer 4.0 以降でのみ使用可能です。");
}
}
// -->
</script>
▼ボタン部分ソース
<button onclick="Favorite('http://blog298.blog25.fc2.com/', '無料ブログ テンプレート')">お気に入りに登録</button>
▼表示例 (サンプルなので機能しません)
Copyright © 2006 無料ブログ テンプレート カスタマイズ All rights reserved.
ドメイン SEO対策カウンター
Template by 無料ホームページ作成講座ブログ










