ページを開いた時
JavaScriptを使って"読み込み中"を表示します。
| mosimo market | ||
|---|---|---|
onunloadイベントが発生します。
サンプルソース
<html>
<head>
<title>背景画像にツールチップを表示</title>
<style type="text/css">
<!--/*javascript123*/
#loading{
font-size : 1.2em; /* 文字の大きさ */
font-weight : bold; /* 文字の太さ */
color : red; /* 文字の色 */
visibility:visible; / *表示* /
}
-->
</style>
<script language="JavaScript">
<!--
window.onload=pgLoad;
function pgLoad(){ //要素'loading'を非表示
document.getElementById('loading').style.visibility="hidden";
}
// -->
</script>
</head>
<body>
<span id="loading">
<!--読み込み中のアイコンと文字列-->
<img src="/image/loadingarw.gif"> Now Loading.....</span>
<p>ここにサイズの大きな画像を配置</p>
</body>
</html>
onload イベント onLoadイベントはページや画像が画面上にロードしたときに発生します。
onunload イベント ページを閉じた時やリロード（再読み込み）した時に、発生します。
読み込み中、Now LoadingのアニメーションGIF画像（スピナーなど）
http://www.ajaxload.info/
*
Now Loading.....が表示されない、またはすぐに消えてしまう場合は上記サンプルのようにファイルサイズの大きな画像を数枚、
配置すると表示時間が長くなります。
onFocus / onBlur イベントハンドラ
onChange イベントハンドラ
onSelect イベントハンドラ
onMouseOver / onMouseOut イベントハンドラ
onMouseDown / onMouseUp / onMouseMoveイベントハンドラ
さくらのレンタルサーバ スタンダード
無料レンタルカウンター「デジデジ」
ロリポップ！なら初心者でも安心！
ホームページ簡単作成 「ホムペロリ！」、「woopa!」
CGI簡単設置 「CGI CANDYBOX!」が無料で使えます！！