「b10_2.html」は、講義資料の「letterscroll.html」をHTMLの「b10_2.html」とJavaScriptの「b10_2.js」に分割したものである。

まず、これを本日の練習(2)で行ったものと同様に、テキストが縦方向にスクロールするようにしたい。

「b10_2.js」は、「ex10_2.html」で行ったとおり、1個所を変更するだけでよい。

「b10_2.html」は、「ex10_2.html」で行ったとおり、何個所か変更する必要がある。

次に、「ex10_2.html」では、「テキストが縦に流れます」というテキストがスクロールしていたが、これを「box.gif」、「jack.gif」、「shiningbox.gif」の3つの画像がこの順序で縦方向に流れるように変更する。

その際、画像の右側が欠けてはならず、画像がすべて表示されるようにする。

「scrollbox」というidが付与されている<div>タグの幅をいくつにすればよいか各自で考える。

ヒントとして、これらの画像の幅は64ピクセルであり、「1em」はフォントサイズを変更していない場合16ピクセルの幅である。

必要なファイルは講義資料のページにある。

これらのファイルはすべて同じディレクトリに置かれるものとする。

「b10_2.html」の27行目にある「テキストが横に流れます」を適切に修正したものを書け。

使用する各画像のalt属性の値はいずれも「箱」である。

流れる画像と画像の間に空白を入れない。

先頭に半角スペースを入れないこと。

シングルクォーテーションにする必要がない個所はダブルクォーテーションを用いること。