图片的滚动,HTML基础

已有两位朋友来电话咨询此问题，在此做个实例。这里还是用到marquee语句。
滚动字幕，在FrontPage或Dreamweaver下无法直接编辑，只能用记事本编写HTML语言这一途径。为了防止这段marquee语句被FrontPage或Dreamweaver格式化，所以把marquee嵌入到JavaScript的document.write文档中。
HTML语言对初学者来说是很难的，但如果要想会做网页，学习HTML是肯定的。

1、marquee的HTML语法，请见我写的这篇：《滚动字幕制作手册》，这里可以暂时不看。
2、图片的HTML标签是img，语法是<img src="图片路径/文件名">，这里的路径要使用相对路径，关于相对路径，请见《相对路径概念详解(图)》

了解了marquee和img的用法，就可以轻松制作了。实例效果：

上述效果的代码如：

webshu.htm - 记事本

文件(F)编辑(E)搜索(S)帮助(H)
<script>document.write('<marquee scrollAmount=2 width=340 height=160 direction=up onmouseover=stop() onmouseout=start()><a href=http://www.webshu.com><img src=../../j/01.jpg border=0></a></marquee>')</script>

问1：scrollAmount=2 width=340 height=160 direction=up onmouseover=stop() onmouseout=start()这些表示什么？
答：请点击这篇滚动字幕制作手册，其中height表示区域的高度。

问2：如何插入图片？
用<img src=相对路径/文件名>的语句。并且要注意图片名不要中文，要注意区分英文大小写。

问3：如何为图片做超链接？
答：用<a href=>和</a>把<img>包围，并且img必须设border=0，否则图片会出现蓝框。正确的例子如：<a href=http://www.webshu.com><img src=../../j/01.jpg border=0></a>
其中a href=表示超链接，这是最常用的。练习的方法也很简单，就是平时用FP或DW做网页的时候，要多查看源代码。

问4：如何做多张图片排列滚动？
答：通常图片和图片之间用<br>(回行)或<p style=margin-top:9>(精确调整图片间的距离)来链接。也可以把你的图片先用表格排版，然后把这个表格的所有语句也加入到marquee中，让这个表格来滚动。