|
滚动字幕实例：图片的滚动
这里还是用到marquee语句。
滚动字幕，在FrontPage或Dreamweaver下无法直接编辑，只能用记事本编写HTML语言这一途径。为了防止这段marquee语句被FrontPage或Dreamweaver格式化，所以把marquee嵌入到JavaScript的document.write文档中。
HTML语言对初学者来说是很难的，但如果要想会做网页，学习HTML是肯定的。
1、marquee的HTML语法，请见我写的这篇：《专题：滚动字幕制作手册》，这里可以暂时不看。
2、图片的HTML标签是img，语法是<img src="图片路径/文件名">，这里的路径要使用相对路径，关于相对路径，请见《相对路径概念详解(图)》
了解了marquee和img的用法，就可以轻松制作了。实例效果：
上述效果的代码如：
<marquee scrollAmount=2 width=340 height=160 direction=up onmouseover=stop() onmouseout=start()><a href=http://www.><img src=../../p/3.jpg border=0></a></marquee>
问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.><img src=../../p/3.jpg border=0></a>
其中a href=表示超链接，这是最常用的。练习的方法也很简单，就是平时用FP或DW做网页的时候，要多查看源代码。
问4：如何做多张图片排列滚动？
答：通常图片和图片之间用<br>(回行)或<p style=margin-top:9>(精确调整图片间的距离)来链接。也可以把你的图片先用表格排版，然后把这个表格的所有语句也加入到marquee中，让这个表格来滚动。
看更多精彩内容的点这里！
|
