<html><head>
<html><head>
<style type="text/css">
<!--
#loading {
position: absolute; /* ロード中に表示する文字列の絶対位置の設定(必須) */
top: 35%; /* 画面の上部からの文字の位置(必須) */
left: 45%; /* 画面の左側からの文字の位置(必須) */
font-style: italic;
font-family: Verdana;
}
-->
</style>
<script type="text/javascript">
<!--
document.write('<style type="text/css">#doc { visibility: hidden; }<\/style>');
document.write('<div id="loading">Now Loading...<\/div>'); // ロード中に表示する文字列
var i = 0;
var ele = document.getElementById("loading");
var str = ele.firstChild.data;
function char_loop(ele, str) {
ele.innerHTML = str.substring(0, i++ % str.length + 1);
}
setInterval("char_loop(ele, str);", 100);
window.onload = function() {
ele.style.display = "none";
document.getElementById("doc").style.visibility = "visible";
}
// -->
</script>
</head>
<body>
<span id="doc">
ここに本文を表示
</span>
</body>
</html>
上のような、NewLoading... を作ってみたんですが、
画像のように表の内枠だけ残ってしまいます。
どうにかならないですかね。
ちなみにこの画像のURLは、↓こちらです。
http://shibaken.cool-biz.net/contents02.html
お願いします。
補足
>DOMを使って、適当な<div id="insert"></div>とかに<p>~</p>を挿入できますが、 そうとう面倒くさいので、 すいません、これは具体的にどのように記述するのですか?