JavaScriptでページ全体にトランジション効果

解決済

質問者：DMIM
質問日時：2006/06/29 21:56
回答数：1件

JavaScriptでページ全体にトランジション効果をかけたいのですがどうすれば良いでしょうか？

画像をonclickするたびにページを移動しなくてもトランジション効果をかけたいと思っています。

よろしくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： noname#20377
回答日時：2006/07/03 07:15

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "

http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Dynamic Alpha Filter Demo</title>
<script>
function caption() {
if (document.body.style.filter == "invert")
{
document.body.style.filter = "";
}
else
{
document.body.style.filter = "invert";
}

}
</script>
</head>
<body style="border-color:red;border-style:solid;height:150px;">
<p style="border-color:blue;border-style:solid;height:50px;" ><img src="hoge.jpg" onclick="caption();">ほげほげ</p>
<p>うにゃうにゃ</p>
</body>
</html>

いちおう原理的にはできなくはなさそうな気がするんだけど・・・

#おそらく回答がつかないのは、filterがIEの独自拡張(勝手に加えた)だろうから(当然その他のブラウザでは動作しない。)。俺も嫌いだし

参考情報:Microsoft-フィルタとトランジション
http://www.microsoft.com/japan/developer/library …