滚动字幕实例:图片的滚动 - Webshu 网页树树

来源:百度文库 编辑:神马文学网 时间:2024/04/28 08:19:44
滚动字幕实例:图片的滚动

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

  1、marquee的HTML语法,请见我写的这篇:《专题:滚动字幕制作手册》,这里可以暂时不看。
  2、图片的HTML标签是img,语法是,这里的路径要使用相对路径,关于相对路径,请见《相对路径概念详解(图)

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

  上述效果的代码如:
  

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

  问2:如何插入图片?
  用的语句。并且要注意图片名不要中文,要注意区分英文大小写。

  问3:如何为图片做超链接?
  答:用包围,并且img必须设border=0,否则图片会出现蓝框。正确的例子如:
  其中a href=表示超链接,这是最常用的。练习的方法也很简单,就是平时用FP或DW做网页的时候,要多查看源代码。

  问4:如何做多张图片排列滚动?
  答:通常图片和图片之间用
(回行)或

(精确调整图片间的距离)来链接。也可以把你的图片先用表格排版,然后把这个表格的所有语句也加入到marquee中,让这个表格来滚动。

                            看更多精彩内容的点这里!