`
davice_li
  • 浏览: 93271 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Html <MARQUEE>滚动文字

    博客分类:
  • HTML
阅读更多

代码如下<MARQUEE>滚动文字</MARQUEE>

<marquee style="WIDTH: 388px; HEIGHT: 200px" scrollamount="2" direction="up" >
<div align="left" ><br />
</div >
<center ><font face="黑体" color="#008000" size="4" ></font ></center >
<div align="left" ><br />
</div >
<center >
<p ><font color="#ff6600" size="4" >滚动文字</font ></p >
<p ><font color="#ff4500" size="4" >滚动文字</font ></p >
<p ><font color="#ff3300" size="4" >滚动文字</font ><br />
<br />
</p >
</marquee >

marquee 参数:
BGColor:滚动文本框的背景颜色。
Direction:滚动方向设置,可选择Left、Right、up和down。
scrolldelay:每轮滚动之间的延迟时间,越大越慢。
scrollamount:一次滚动总的时间量,数字越小滚动越慢。
Behaviour:滚动的方式设置,三种取值:Scroll(循环滚动) lide(单次滚动)、Alternate(来回滚动)。
Align:文字的对齐方式设置。可选择Middle(居中)、Bottom(居下)还是Top(居上)。
Width:滚动文本框的宽度,输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。
Height:滚动文本框的高度,输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。
loop:滚动次数。默认为infinite
hspace、vspace:前后、上下的空行。

   滚动字幕会让很多人感到兴奋,特别是第一次使用滚动字幕时,会爱不释手。滚动字幕我也做得不少了,对它也不会兴奋了,所以现在也用得不多了。有不少朋友常问到这是怎么做的,现在做一个详细的专题,让你更全面地了解一下。
滚动字幕在FrontPage的组件里有,但是FrontPage这个软件只能支持单行文字,一出现多行文字它就无能为力了,而且它只能支持一行滚动! (如果出现只能滚动一行的情况,解决办法是把这段代码嵌入到JavaScript的document.write里面,请看下面例d的详细说明) Dreamweaver也只能用编写HTML代码的方法。所以强烈建议用记事本打开网页源代码来编辑。

1.建立第一个滚动字幕。代码:
<marquee scrollAmount=2 width=300>靓丽风景线</marquee>
效果如: 靓丽风景线

2.各参数详解:
a)scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。
b)width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。
c)direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:right表示→→→,up表示↑,down表示↓。
d)scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。
e)behavior。用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动)

3.实例:
a)如何给滚动字幕加超链接?这跟平时的超链接是完全一样的。只要在文字外面加上<a href=***>和</a>就可以了。如下效果,代码是<marquee scrollAmount=2 width=300><a href=http://www.cctv.com>中央电视台</a></marquee>,点击中央电视台就可以进入了:
中央电视台

b)如何制作当鼠标停留在文字上,文字停止滚动?
代码如:
<marquee scrollAmount=2 width=300 onmouseover=stop() onmouseout=start()>文字内容</marquee>
效果如:
文字内容

c)交替效果。代码如:
<marquee scrollAmount=2 width=99 behavior=alternate>文字内容</marquee>
效果如:
文字内容

d)多行文本向上滚动。代码如:
<marquee scrollAmount=2 width=300 height=160 direction=up>·早晨好啊!<br>·空气好清新啊<br>·你还好吗<p>·<a href=http://www.cctv.com>靓丽风景线</a></marquee>
效果如:
·早晨好啊!
·空气好清新啊
·你还好吗
·靓丽风景线

·注意:如果你的网页经过了FrontPage编辑,保存之后,只能滚动一行,这时候你发现你原来的代码顺序已经变了,My god!解决的办法是,找出原来的代码,把它嵌入到JavaScript的document.write中即可,上述代码写为:
<script>document.write('<marquee scrollAmount=2 width=300 height=160 direction=up>·早晨好啊!<br>·空气好清新啊<br>·你还好吗 <p>·<a href=http://www.cctv.com>靓丽风景线</a></marquee>')< /script>

e) 改变滚动字幕的颜色?可以用样式表来控制。如下效果,代码是<marquee scrollAmount=2 width=300><a style=color:CC6600>你还好吗</a></marquee>。
你还好吗

图片滚动
用<img src=相对路径/文件名>的语句。并且要注意图片名不要中文,要注意区分英文大小写。

图片做超链接
用<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做网页的时候,要多查看源代码。

多张图片排列滚动
通常图片和图片之间用<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=http://www.webshu.com><img src=../../j/01.jpg border=0></a></marquee>')</script>

分享到:
评论

相关推荐

    会移动的文字(Marquee)

    总结,`&lt;marquee&gt;`标签是HTML中创建滚动文字或图像的一种方法,虽然在HTML5中已不推荐,但在某些情况下仍可作为快速实现效果的手段。然而,为了保持良好的可访问性和网页标准,开发者应考虑使用更现代的CSS或...

    利用Marquee实现无缝循环滚动文字

    - 示例:`&lt;marquee direction="left"&gt;向左滚动的文字&lt;/marquee&gt;` - **`height`** 和 **`width`**: 分别设置滚动区域的高度和宽度。 - 示例:`&lt;marquee height="10%" width="200"&gt;指定高度为10%,宽度为200px的...

    html标记大全 有marquee,table,form等最常用标记。

    跑马灯效果是一种常见的动态文本或图像显示方式,常用于展示滚动文字或图片。该标记有多个属性可以调整其行为和样式。 - **behavior**:定义跑马灯的行为方式。 - `slide`:元素一次移动到指定位置后停止。 - `...

    HTML标签marquee实现滚动效果

    HTML标签marquee实现滚动效果,实现文字在网页中漂移的代码。

    HTML中实现文字各种滚动

    &lt;marquee direction="right"&gt;向右滚动的文字&lt;/marquee&gt; &lt;marquee direction="up"&gt;向上滚动的文字&lt;/marquee&gt; &lt;marquee direction="down"&gt;向下滚动的文字&lt;/marquee&gt; ``` #### 3. 滚动速度 通过设置`scrollamount`属性...

    marquee图片无缝滚动(上下左右均可)

    "marquee图片无缝滚动(上下左右均可)" 这个标题涉及到一个JavaScript或HTML元素的使用,即`&lt;marquee&gt;`标签,它用于创建一个滚动的效果,通常用于文字或图像的自动滚动。这里的关键词是“无缝滚动”,意味着在滚动...

    制作网页中的滚动文字

    本文将详细介绍如何利用HTML的`&lt;marquee&gt;`标签来实现滚动文字,并通过具体示例加深理解。 #### 1. `&lt;marquee&gt;`标签简介 `&lt;marquee&gt;`标签是HTML中用于创建滚动文字或图像的元素。它允许网页设计者在页面上创建动态...

    文字滚动代码 marquee style="WIDTH: 388px;

    ### 文字滚动代码详解:`&lt;marquee&gt;` 标签及其属性 在网页设计与开发过程中,有时我们需要实现一些简单的动态效果,例如滚动的文字或图片等。这些效果可以通过使用 HTML 的 `&lt;marquee&gt;` 标签来轻松实现。下面将详细...

    滚动文字代码

    通过HTML中的`&lt;marquee&gt;`标签,开发者可以轻松实现这一功能。尽管`&lt;marquee&gt;`标签在现代Web标准中已被废弃,但在某些场合下它依然被广泛使用。 ### 标签结构与属性解析 #### `&lt;MARQUEE&gt;`标签基本结构 ```html ...

    网页中滚动字的源代码

    网页中的滚动文字主要依赖于`&lt;marquee&gt;`标签来实现。这个标签允许网页元素以水平或垂直方式滚动显示,为网页增添了动感。下面是一个基础的滚动文字示例: ```html &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;body&gt; &lt;h2&gt;横向左右滚动...

    marquee 用法详解

    `&lt;marquee&gt;` 标签是 HTML 中的一个非标准标签,主要用于实现网页元素(如文字、图片等)在页面上滚动显示的效果。它被广泛用于早期网页设计中,用于创建动态效果,如新闻滚动条、广告轮播等。然而,随着更现代的技术...

    文字滚动显示

    &lt;marquee bgcolor="#ffcc00"&gt;黄色背景下的滚动文字&lt;/marquee&gt; ``` #### direction - **作用**:定义滚动方向。 - **取值**: - `left`: 向左滚动。 - `right`: 向右滚动。 - `up`: 向上滚动。 - `down`: 向下...

    HTML语法入门(简单的基本HTML语法知识) 

    &lt;marquee&gt;滚动文字或图像&lt;/marquee&gt; ``` 例如: ```html &lt;marquee&gt; &lt;img src="http://9soho.com/images/logo.gif" width="180" height="60"&gt; &lt;/marquee&gt; ``` #### 五、背景音乐与Flash动画 - **背景音乐**...

    网页设计html代码大全

    * 向中看齐: `&lt;CENTER&gt;&lt;/CENTER&gt;`,文字与图片都可以 * 闪耀: `&lt;BLINK&gt;&lt;/BLINK&gt;`,有史以来最被嘲弄的标签 * 字体大小: `&lt;FONT SIZE=?&gt;&lt;/FONT&gt;`,从1到7 * 改变字体大小: `&lt;FONT SIZE=+|-?&gt;&lt;/FONT&gt;` * 基本字体...

    HTML文字特效代码

    在提供的代码示例中,可以看到 `&lt;marquee&gt;` 标签被广泛应用于创建滚动文字效果。`&lt;marquee&gt;` 不是 HTML5 的标准标签,但在很多浏览器中仍然支持。该标签允许文本或图片沿着指定方向自动移动。 - **属性说明**: - ...

    web前端html属性大全手册

    HTML 提供了 `&lt;marquee&gt;` 标签来实现这一效果。 - **普通卷动**: ```html &lt;marquee&gt;&lt;/marquee&gt; ``` 此标签会创建一个默认从右到左滚动的文本或图像。 - **滑动**: ```html &lt;marquee behavior="slide"&gt;&lt;/...

    文字滚动代码教程

    HEIGHT:100px" scrollAmount=3 direction=down&gt;向下移动的文字&lt;BR&gt;向下移动的文字&lt;/MARQUEE&gt; ``` 与向上移动类似,但`direction`设为`down`。 5. **从右向左滚动** ```html &lt;MARQUEE scrollAmount=2&gt;从右向左...

    web15种滚动代码

    本文将详细解析15种不同的Web滚动代码,帮助开发者实现各种炫酷的滚动文字特效。 1. **文字来回滚动**:使用`&lt;MARQUEE&gt;`标签,设置`scrollAmount`属性控制滚动速度,`behavior`属性设为`alternate`实现来回滚动。 ...

    HTML从入门到精通添加多媒体元素.pdf

    基本语法是`&lt;marquee&gt;滚动文字&lt;/marquee&gt;`,在标签内部定义需要滚动的文字,同时可以使用内联样式设置字体、颜色等属性。例如: ```html &lt;marquee&gt; &lt;font face="隶书" color="#CC0000" size=4&gt;你好,欢迎光临梦幻...

    marquee嵌套这后出现的效果.rar

    &lt;marquee scrollamount="3" direction="left" loop="true"&gt;这是滚动的文字&lt;/marquee&gt; ``` 现在,我们讨论嵌套的情况。当一个`&lt;marquee&gt;`标签被另一个`&lt;marquee&gt;`标签包含时,这就形成了嵌套。在嵌套的`&lt;marquee&gt;`中...

Global site tag (gtag.js) - Google Analytics