如何制作滚动图片和滚动文字

 
用HTML的<marquee>活动字幕标记所需的代码最少，且能以较少下载时间换来不错的效果。该标记语法格式如下：
<marquee align=left/center/right/top/bottom bgcolor=#n direction=left/right/up/down behavior=type height＝n hspace＝n scrollamount=n Scrolldelay=n width=n VSpace=n loop＝n>字幕内容</marquee>
各参数详解：
1、Align：是设定活动字幕水平对齐的,分左(left)，中(center)，右(right);
  Valign:是设定活动字幕垂直对齐的,分顶(top),中(middle),底(bottom).
2、Bgcolor：用于设定活动字幕的背景颜，一般是十六进制数。
3、Direction：用于设定活动字幕的滚动方向向左、向右、向上、向下。
4、Behavior。用它来控制滚动方式，默认为scroll(从一端到另一端循环滚动)，可选的值还有alternate(在两端
之间来回滚动)、slide(幻灯片效果，从一端到另一端滚动一次，然后停止滚动)
5、Height和 Width：设定滚动区域的高度和宽度.(特别在制作垂直滚动时,一定要设height的值）
6、Hspace和vspace：分别用于设定滚动字幕的左右边框和上下边框的宽度。
7、Scrollamount：用于设定活动字幕的滚动速度，值越大速度越快。默认为6，建议设为1～3比较好。
8、Scrolldelay：用于设定滚动两次之间的延迟时间。 默认为90，值越大，速度越慢。通常scrollDelay是不需要设置的。
9、Loop：用于设定滚动的次数，当loop=-1表示一直滚动下去，直到页面更新。
10、每行字的前后可以分别用<FONT color=#990066 size=4 face=隶书>和</FONT>的格式定义每行字的颜，大小和字体，如果哪项不需要的话，把代码去掉就行。
11、<I></I>表示倾斜，<U></U>表示下划线，<B></B>表示加粗，加粗有时可以是<STRONG></STRONG>。
12、<BR>表示换行。
13、 表示空格
 
图片滚动代码示例1(从右向左滚动)
<marquee scrollamount=1 scrolldelay=3 valign=middle behavior="scroll">
<img border="0" src=" 图片地址1">
<img border="0" src=" 图片地址2">
</marquee>
图片滚动代码示例2(从下往上滚动)
<marquee align=center direction=up scrollamount=1 scrolldelay=3 valign=middle behavior="scroll">
<img border="0" src="图片地址1">
<img border="0" src="图片地址2">
</marquee>
注:align=center valign=middle 一个水平,一个垂直,但是对于div标签不能用valign.
给滚动图片加上链接的代码
<marquee behavior=alternate height=120 width="90">
<P align=left>
<P align=center>
<a href="链接地址" target="_blank"><IMG src="图片地址" width=90 border="0"></a>
<a href="链接地址" target="_blank"><IMG src="图片地址" width=90 border="0"></a>
......
</P>
</MARQUEE>
参数解释
1.align：是设定活动字幕水平对齐的,分左(left)，中(center)，右(right);
  valign:是设定活动字幕垂直对齐的,分顶(top),中(middle),底(bottom).
2.height和width:设定滚动区域的高度和宽度.(特别在制作垂直滚动时,一定要设height的值）
3.scrollamount：用于设定活动字幕的滚动速度，值越大速度越快。默认为6，建议设为1～3比较好。
4.scrolldelay：用于设定滚动两次之间的延迟时间。默认为90，值越大，速度越慢。通常scrolldelay是不需要设置的。
5.direction属性:决定文本的滚动方向，分为向左left和向右right，up和down默认状态向左。
<marquee direction=left>从右向左滚动</marquee>
<marquee direction=right>从左向右滚动</marquee>
<marquee direction=up>从下向上滚动</marquee>
<marquee direction=down>从上向下滚动</marquee>
6.behavior属性:指定文本的滚动方式，分为三种:
Scroll:从一端消失后，在另一端出现并继续滚动。
<marquee behavior=scroll>一圈一圈地滚动</marquee>
Slide:从一端滚动，接触到另一端后停止
<marquee behaviro=slide>只滚动一次就停止</marquee>
Alternate:从一端滚动到另一端后，反向滚动。
<marquee behavior=alternate>来回滚动</marquee>
7.border=0:边框线等于0 也就是说没有边框线
如何制作滚动字幕/图片
wangzizi7866.blog.163/blog/static/1206886200611230153561/?fromdm&fromSearch&isFromSearchEngine=yes
一、滚动字幕的HTML最基本语法是：
<MARQUEE>要滚动的文字</MARQUEE>
  这是最原始，最简单，没有任何修饰的滚动，
而要它能显示出各种不同的效果需要对其进行各种参数的设定，
比如让大家看一下下面这段代码：
<MARQUEE
scrollAmount=2 scrollDelay=50 direction=up
width=480 height=150 behavior=scroll>
<FONT color=blue><I>·
欢迎来到γ蚊ж子ま的博客</FONT></I><BR>
<FONT color=#660099 size=3>·<U>让我们建立和谐环境，
促进交流</U></FONT><BR>
<FONT color=#990066 size=4 face=隶书>·
建设良好的博客氛围，促进共同进步</FONT><BR>
<FONT color=#990033 size=3>·为了美化博客，
丰富博客<A href="blog.sina/m/wenzi"
target=_blank>(点此有惊喜)</A></FONT><BR>
<FONT color=#990099 size=4><B>·丰富生活，
让我们一起努力</B></FONT><BR>
<FONT color=blue face=华文行楷>·加油，
我的朋友</FONT></MARQUEE>
  效果如下：





  代码中各参数详解
(请仔细看每行的代码和其相对应的显示效果)：
  a)color:#660099;font size=20
用来定义所有滚动字体的大小和颜，
如果要单独定义某行字体，则如代码中那样，
在每句前后加<FONT color=#990066 size=4>和</FONT>，
如果对字体的定义都是一样的，那么只要定义前面的了，
后面的就不需要了。
  b)scrollAmount表示速度，值越大速度越快。
如果没有它，默认为6，建议设为1～3比较好。
  c)scrollDelay也是用来控制速度的，
表示走走停停，默认为90，值越大，速度越慢。
通常scrollDelay是不需要设置的。
  d)direction很明显是表示滚动的方向，
默认为从右向左：←，因此如果是向左滚动的话不需要次参数。
其他可选的值还有right，down，up。
滚动方向分别为：right表示→，up表示↑，down表示↓。
  e)width和height用来表示滚动区域的大小，
width是宽度，height是高度。
特别是在做垂直滚动的时候，一定要设height的值。
  f)bgcolor表示滚动区域的背景颜，
如果滚动文字不要背景的话把这段删了就可以了。
  g)behavior是来控制滚动属性的，
默认为循环滚动(scroll)，同样，如果是循环滚动的话可以不需要此参数。
其他可选的值还有alternate(交替滚动)，
slide(幻灯片效果，指的是滚动一次，然后停止滚动)。
  h)如果要对文字进行超链接，
只要在文字前后加<A href="链接地址" target=_blank>和</A>，
如代码中所写的那样，target=_blank表示链接在新窗口中打开。
  i)每行字的前后<FONT color=#990066 size=4 face=隶书>
和</FONT>用定义每行字的颜，大小和字体，
如果哪项不需要的话，把代码去掉就行。
  j)用WORLDhtml滚动效果代码编辑过东西的人都知道，<I>表示倾斜，
<U>表示下划线，<B>表示加粗，加粗有可以是<STRONG>。
  k)<BR>表示换行。
ＰＳ：滚动方法虽然是教了，而我上面的代码也只是演示了一下综合效果，
但是看到很多朋友还是不会灵活运用，只照搬我上面的那段代码。
其实要做简单的滚动的话复制下面这段代码就行了，
要表现出其他效果，按照我说的增加参数就行了。
<MARQUEE scrollAmount=2 scrollDelay=50 direction=up
 width=480 height=180 behavior=scroll>滚动文字</MARQUEE>　

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。