IEでもFirefoxでも動作する点滅文字について
IEでもFirefoxでも動作する点滅文字について
Internet ExplorerでもFirefoxでも動作する点滅文字を作成するため、
下記のサンプルソースを作成したのですが、
Internet Explorer7では動作するものの、Firefox3.6では動作しませんでした。
その為、Internet ExplorerでもFirefoxでも動作する点滅文字の方法をご存知の方がいらっしゃいましたら、
ご教示の程、よろしくお願いします。
なお、下記の動作を想定しています。
1. 点滅時間は設定ファイルに記述して、点滅時間を調整したいと思います
(その為、<blink>タグは使用できないかも知れません)。
2. ページ内の複数の箇所に設定したいと思います
(ただし、設定箇所が何箇所になるかは、ページが動的に生成されているため、ランダムです。
その為、id属性で動作するものは使用できないかも知れません)。
3. MARQUEEタグを使用するものについては、位置あわせがうまく出来ませんでした。
【ソース】
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<title>title</title>
<script type="text/javascript">
<!--
function blink() {
if (!document.all) { return; }
for (i = 0; i < document.all.length; i++) {
obj = document.all(i);
if (obj.className == "blink") {
if (obj.style.visibility == "visible") {
obj.style.visibility = "hidden";
} else {
obj.style.visibility = "visible";
}
}
}
setTimeout("blink()", 800);
}
// -->
</script>
</head>
<body onload="blink()">
<h1 class="blink">点滅サンプル</h1>
<p>これは普通の文書</p>
<p class="blink">これは点滅する文章</p>
</body>
</html>
以上、よろしくお願いします。
