html文字向上(up)滚动代码:
<marquee scrollamount="2" direction="up" >
<div align="left" ><br />
</div >
<center ><font face="黑体" color="#008000" size="2" ></font ></center >
<div align="left" ><br />
</div >
<center >
<p ><font color="#ff6600" size="2" >文字1</font ></p >
<p ><font color="#ff4500" size="2" >文字2</font ></p >
<p ><font color="#ff3300" size="2" >文字3</font ><br />
<br />
</p >
</marquee >
解释:
marquee(滚动字幕) style(风格):
direction:滚动方向设置: Left(向左)、Right(向右)、up(向上)和down(向下)。
scrollamount:移动速度(数字大,速度慢)
Behaviour:滚动的方式设置,三种取值:Scroll(循环滚动) lide(单次滚动)、Alternate(来回
滚动)。
center:中间
align:文字的对齐方式设置。可选择Middle(居中)、Bottom(居下)还是Top(居上)。
Width:滚动文本框的宽度,输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(
按百分比)。
Height:滚动文本框的高度,输入一个数值后从后面的单选框选择in Pixels(按像素)或是in
Percent(按百分比)。
loop:滚动次数。默认为infinite
hspace、vspace:前后、上下的空行。
1.建立第一个滚动字幕。代码:
<marquee scrollAmount=2 width=300>靓丽风景线</marquee>
2.实例:
a)如何给滚动字幕加超链接?代码:<marquee scrollAmount=2 width=300><a href=v>中央电视台</a></marquee>
b)如何制作当鼠标停留在文字上,文字停止滚动?
代码如:
<marquee scrollAmount=2 width=300 onmouseover=stop() onmouseout=start()>文字内容</marquee>
html内容文本框c)交替效果。
代码:
<marquee scrollAmount=2 width=99 behavior=alternate>文字内容</marquee>
图片滚动
用<img src=相对路径/文件名>的语句。并且要注意图片名不要中文,要注意区分英文大小写。
图片做超链接
用<a href=>和</a>把<img>包围,并且img必须设border=0,否则图片会出现蓝框。正确的例子如:& amp; lt;a href=www.webshu><img src=wwwblogs/j/01.jpg border=0></a>
其中a href=表示超链接,这是最常用的。练习的方法也很简单,就是平时用FP或DW做网页的时候,
要多查看源代码。
多张图片排列滚动
通常图片和图片之间用<br>(回行)或<p style=margin-top:9>(精确调整图片间的距离)来链接。也可以把你的图片先用表格排版,然后把这个表格的所有语句也加入到 marquee中,让这个表格来滚动。
代码<script>document.write('<marquee scrollAmount=2 width=340 height=160 direction=up onmouseover=stop() onmouseout=start()><a href=www.webshu><img src=wwwblogs/j/01.jpg border=0></a></marquee>')</script>
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论