エンドロールを枠の中で表示するには？

解決済

質問者：konkon7
質問日時：2002/09/21 17:31
回答数：2件

映画のようにエンドロールを枠の中で（<TD>ここに表示したい。</TD>）
下から上へと画像の前に流したいのですがどうすればよいのでしょう？
うまく言えないので下にソースを載せます。
<HTML>
<HEAD>
<TITLE>●エンドロールのように画面の上方向に流れる</TITLE>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
</HEAD>
<BODY onLoad="roll()" BGCOLOR="#009900" TEXT="#ffffff">
<P><IMG SRC="top_bar.gif" WIDTH="520" HEIGHT="60"></P>
<CENTER>
<TABLE WIDTH="409" BORDER="1" HEIGHT="205">

<TR>
<TD VALIGN="top" HEIGHT="43">
<DIV ALIGN="center"><IMG SRC="bar_s.gif" WIDTH="200" HEIGHT="40"></DIV>
</TD>
</TR>
<TR>
<TD ここに表示したい。></TD>
</TR>

</TABLE>
</CENTER>
<DIV id="gyoji1" style="position:absolute;left : 243px;top:150px;width:400px;height:90px;clip: rect(0px 400px 90px 0px)}">
<DIV ID="gyoji2" STYLE="position:relative;left:12px;top:150px;width:400px;height:90px;font-size:14pt;color:ffffff;">
<BR><CENTER>今週の行事内容</CENTER><BR> 2日　合同職員会議<BR> 3日　PTA会議<BR> 5日　全校生徒運動会予行演習<BR> 6日　避難訓練(低学年)<BR> 7日　避難訓練(中高学年)実技訓練あり</DIV>
</DIV>
</BODY>
</HTML>

通報する

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

質問の本文を隠す

回答 (2件)

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

No.2ベストアンサー

回答者： nta
回答日時：2002/09/29 16:32

DIVの中にTABLEを入れてしまえばよいのですが、TABLEフレームが壊れる場合があるので難しいですね。

<HTML>
<HEAD>
<TITLE>●エンドロールのように画面の上方向に流れる</TITLE>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
</HEAD>
<BODY onLoad="roll()" BGCOLOR="#009900" TEXT="#ffffff">
<P><IMG SRC="top_bar.gif" WIDTH="520" HEIGHT="60"></P>

<CENTER>
<DIV ID="gyoji1" STYLE="position:absolute;z-index:2;left:243px;top:150px;width:420px;height:90px;clip:rect(0px, 400px, 200px, 0px)">

<TABLE WIDTH="409" BORDER="1" HEIGHT="205">

<TR>
<TD VALIGN="top" HEIGHT="43">
<DIV ALIGN="center"><IMG SRC="bar_s.gif" WIDTH="200" HEIGHT="40"></DIV>
</TD>
</TR>
<TR>
<TD ここに表示したい。></TD>
</TR>

</TABLE>

<DIV ID="gyoji2" ALIGN="LEFT" STYLE="position:relative;z-index:1;left:12px;top:-20px;width:400px;height:90px;font-size:14pt;color:ffffff;">

<BR><CENTER>今週の行事内容</CENTER><BR> 2日　合同職員会議<BR> 3日　PTA会議<BR> 5日　全校生徒運動会予行演習<BR> 6日　避難訓練(低学年)<BR> 7日　避難訓練(中高学年)実技訓練あり</DIV>

</DIV>

</CENTER>
</BODY>
</HTML>

- 0
- 件

通報する

この回答へのお礼

ntaさん、ありがとうございました。「TABLEフレームが壊れる場合があるので難しいですね。」って言う点がありましたけどやってみようと思います。
ntaさんからの返事がくる前にマーキータグを使ってみようと思ってました。
どちらが良いのか状況によって考慮してみます。

通報する

お礼日時：2002/10/02 23:40

No.1

回答者： nta
回答日時：2002/09/23 19:04

＞下から上へと画像の前に流したいのですがどうすればよいのでしょう？

IE5.5でみると正常に動作します。「画像の前に」というのが何か意味があるのでしょうか。

この回答への補足

ntaさん返事有難うございます。

私の解像度は800ｘ600なのですが、それに合わせて画像・スクロールを
画面の左右中央に表示させたのですが、解像度を1024ｘ768にした時に
画像は左右中央に表示出来るのですが、スクロールの部分だけが左右中央に
こないのです。解像度が800ｘ600でも解像度1024ｘ768でもどちらを選択しても
スクロールが画面の左右中央に表示させるにはどうしたらいいのですか？

補足日時：2002/09/28 12:14

通報する