JavaScript (ジャバスクリプト)

ここでは、 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サンプルをご利用下さい!

◎ステータスバーに文字を表示する [IEのみ]

▼ソース
<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>

▼表示例 (サンプルなので機能しません)