ミニウィンドウを画面上部から出現させるには？

解決済

質問者：timothykun
質問日時：2004/01/12 12:00
回答数：1件

現在、ホームページを改装しようと思っているのですが、
とびらのページからｅｎｔｅｒで中のページに入った時に、自動的に中のページと別にメッセージ用のミニウィンドウが出るようにしたいのですが、ただ現れるのではなく、画面上部から、スライドするように降りてくるように出現させるにはどうしたらいいのでしょうか？（できたら、動きの速さも変えられるようにしたいです。それからなるべくクロスブラウザで）
　いろいろなページでＪａｖａＳｃｒｉｐｔサンプルを見て、探し回ったのですが、ぜんぜん見つかりません。
　ＪａｖａＳｃｒｉｐｔでなくてもかまいません。
　これを実現させるためのプログラムをどなたか教えてください。よろしくお願いします。。。

通報する

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

質問の本文を隠す

回答 (1件)

No.1ベストアンサー

回答者： osamuy
回答日時：2004/01/12 14:23

仕掛け的には、Windowオブジェクトを、moveToとかで連続的に移動させてやれば良いかと。

こんな感じ：

<html><head>
<title>Test</title>
<script type="text/javascript">
var $w = open( 'about:blank', '_blank', 'width=640,height=160' );
var x = 64;
var y = -200;
with ( $w ){
moveTo( x, y );
for ( k = 0; k < 20; k++ ){
y += 15;
moveTo( x, y );
}
location.href = 'http://www.goo.ne.jp/';
}
</script>
</head><body onload="javascript:$w.focus()">
Test
</body></html>

ちょっと大雑把すぎるスクリプトですが。

ただ、この手のポップアップって、ウザったがられる可能性大です。
gifアニメでパラパラまんがを作る方が、まだ喜ばれるんじゃないかと。