当前位置:首页 >> 免费资源 >> 代码下载 >> 图片的滚动
    
  双击自动滚屏  
图片的滚动

发表日期:2005年2月21日  本页面已被访问 3173 次

作者:自由勇

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

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

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

上述效果的代码如:

问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中,让这个表格来滚动。

 



  双击自动滚屏  
  相关评论:    

 没有相关评论

  发表评论:    

用 户 名:
电子邮件:
评论内容:
(最多评论字数:500)
资讯栏目

数字桐城 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 |

联系地址:龙眠东路茗香商厦六楼   联系电话:18156928922   联系人:客服QQ:16707931