- 締切済み
エンドロールを枠の中で表示するには？
映画のようにエンドロールを枠の中で（<TD>ここに表示したい。</TD>） 下から上へと画像の前に流したいのですがどうすればよいのでしょう？ うまく言えないので下にソースを載せます。 <HTML> <HEAD> <TITLE>●エンドロールのように画面の上方向に流れる</TITLE> <SCRIPT LANGUAGE="JavaScript"> <!-- function roll(){ if(document.all["gyoji2"].style.pixelTop > -180){ document.all["gyoji2"].style.pixelTop -= 1; setTimeout("roll()",50); } if(document.all["gyoji2"].style.pixelTop == -180){ document.all["gyoji2"].style.pixelTop = 150; } } //--> </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>
- konkon7
- お礼率76% (13/17)
- JavaScript
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- nta
- ベストアンサー率78% (1525/1942)
DIVの中にTABLEを入れてしまえばよいのですが、TABLEフレームが壊れる場合があるので難しいですね。 <HTML> <HEAD> <TITLE>●エンドロールのように画面の上方向に流れる</TITLE> <SCRIPT LANGUAGE="JavaScript"> <!-- function roll(){ if(document.all["gyoji2"].style.pixelTop > -180){ document.all["gyoji2"].style.pixelTop -= 1; setTimeout("roll()",50); } if(document.all["gyoji2"].style.pixelTop == -180){ document.all["gyoji2"].style.pixelTop = -20; } } //--> </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>
- nta
- ベストアンサー率78% (1525/1942)
＞下から上へと画像の前に流したいのですがどうすればよいのでしょう？ IE5.5でみると正常に動作します。「画像の前に」というのが何か意味があるのでしょうか。
補足
ntaさん返事有難うございます。 私の解像度は800ｘ600なのですが、それに合わせて画像・スクロールを 画面の左右中央に表示させたのですが、解像度を1024ｘ768にした時に 画像は左右中央に表示出来るのですが、スクロールの部分だけが左右中央に こないのです。解像度が800ｘ600でも解像度1024ｘ768でもどちらを選択しても スクロールが画面の左右中央に表示させるにはどうしたらいいのですか？
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_2_thumbnail_img_sm.png)
お礼
ntaさん、ありがとうございました。「TABLEフレームが壊れる場合があるので難しいですね。」って言う点がありましたけどやってみようと思います。 ntaさんからの返事がくる前にマーキータグを使ってみようと思ってました。 どちらが良いのか状況によって考慮してみます。