1.6 滚动<MARQUEE>标签


使用<MARQUEE>标签不仅可以移动文字，还可以移动图片。

本节单词记忆：标签 1.marquee 属性 1.direction 2.scrolldelay

网页学习网提示：html语言非常简单，不需要逻辑理解，而绝大部分朋友觉得它难以掌握，90%的原因在于英语单词不过关，所以每节记忆几个单词是非常有必要的。

语法:

<MARQUEE  scrolldelay="100"  direction="up">
  滚动文字或图像
</MARQUEE>

其中，scrolldelay：表示滚动延迟时间，默认值为90ms。direction：表示滚动的方向，默认为从右向左。可以取下面4个值：up、down、left、right，使用direction属性来设置文字或图片的滚动方向。

示例1:

<HTML>
<HEAD>
<TITLE>滚动字幕</TITLE>
</HEAD>
<BODY>
   <MARQUEE scrolldelay ="100">水平滚动</MARQUEE>
   <MARQUEE scrolldelay ="300"  direction="up"  onmouseover="this.stop()" onMouseOut="this.start()">
      <A href="#"><IMG src="images/scroll/1.gif" border="0" align="middle"> Avon化妆品</A><BR>
      <A href="#"><IMG src="images/scroll/2.gif"  border="0" align="middle"> 雅诗兰黛 </A><BR>
  </MARQUEE>
</BODY>
</HTML>

示例1在浏览器中预览效果如图图片和字都会上下滚动。

本章重点

● HTML文档是包含标记标签的文本文件，这些标签告诉Web浏览器如何显示页面。

● <HTML>标签不区分大小写。

● <META>标签放置在网页的标题处，以提供关于页面的信息。如设置网页的编码语系等。

● <FONT>标签可改变字体大小、颜色和字体类型，<P>标签和<BR>标签可分别实现换段、换行。

● <IMG>标签可实现在网页中插入图片，并可通过align属性来调整图像相对于周围文本的对齐方式。

● 锚记<A>标签用于标识充当HTML文档中文本或图像的超级链接。href参数指定要链接的文件地址。

● <MARQUEE>标签用于在网页中实现文字、图片、表格等对象的滚动效果。

本章作业：

制作如下图网页。

注意事项：

1.下方的图片展示为上下滚动的。

网页学习网提示：光看教程是无法让你掌握HTML知识，最好是完成作业后才进入下一次教程，动起手来吧！

点击下载第一章案例及作业资源 返回《HTML入门经典》教程列表
编辑：网页学习网
本文地址:http://www.lodidance.com/html/jc/498.html

1.6 滚动<MARQUEE>标签

时间： 2024-12-10 18:47:31

1.6 滚动<MARQUEE>标签的相关文章

新闻滚动marquee标签

先上代码: <marquee behavior="" direction="up" onMouseOver="this.stop()" onMouseOut="this.start()"> <ul> <li><a href="#" target="">.中国大数据应用蓝皮书上线了,欢迎围观.</a></li> <

字幕图片滚动&lt;marquee&gt;标签

<!-- 基本 --> <marquee>我是一代滚动横幅,我会滚动</marquee> <!-- 添加鼠标事件(移入停止滚动,移出继续滚动) --> <marquee onMouseOut="this.start()" onMouseOver="this.stop()">我是二代滚动横幅,想停就停,想动就动</marquee> <!-- 添加属性 --> <marquee a

页面滚动marquee标签

页面滚动用js可以实现,但是一个html标签marquee却可以轻松实现 但是有一个html标签 - <marquee></marquee>可以实现多种滚动效果,无需js控制. 使用marquee标记不仅可以移动文字,也可以移动图片,表格等. 语法:<marquee>需要移动的内容</marquee>: 属性: direction             移动方向,包括up down  left right behavior              移动方

JS魔法堂：通过marquee标签实现信息滚动效果

一.前言   有限的空间展现无限的内容,这是滚动最常用到的地方.根据信息滚动效果我们可以有很多的实现方式,但HTML自带的 marquee标签 是其中一个较简单的实现方式.下面记录一下,供日后查阅. 二. marquee标签 的基础知识 示例: <marquee behavior="scroll" direction="left" loop="-1" scrollAmount="12" scrollDelay="

marquee标签滚动效果

<marquee></marquee>标签,默认从最右侧往左滚动: direction:设置滚动的方向: height:设置标签高度, width:设置标签宽度: behavior="aletrnate": 一次全部出现,碰到边缘来回撞: behavior="slide" :一次全部出现,碰到边缘停住: behavior="scroll" :默认无限循环 loop="3":循环3次,设置循环的次数: 设

转：HTML中让图片滚动的&lt;marquee&gt;标签的使用方法

实例: <marquee id="affiche" align="left" behavior="scroll" bgcolor="#FF0000" direction="up" height="300" width="200" hspace="50" vspace="20" loop="-1" scr

html里面有一个控制文字滚动的标签marquee，比较有用。

本节笔者讲述HTML代码中比较特殊的标签,它能使网页中的文字滚动,并且可以控制其滚动的属性. 制作滚动文字 通过本章前面的学习,读者已经能够很好地控制各种段落文字的显示方式,不过无论怎么设置,文字都是静态的.本节笔者讲述HTML代码中比较特殊的标签,它能使网页中的文字滚动,并且可以控制其滚动的属性. 4.3.1 设置文字滚动 HTML技术中使文字滚动的方法是使用双标签<marquee></marquee>.在HTML代码中可使其作用区文字滚动,默认为从右到左,循环滚动.在D:\we

HTML marquee标签实现内容上下左右滚动

用marquee标签实现的内容滚动效果很一般,只适用于公告 博文摘录地址:http://www.cnblogs.com/mountain-mist/articles/975781.html 1.建立第一个滚动字幕.代码:<marquee scrollAmount=2 width=300>我钟意网页树树</marquee>效果如: 我钟意网页树树 2.各参数详解:a)scrollAmount.它表示速度,值越大速度越快.如果没有它,默认为6,建议设为1-3比较好.b)

marquee：已经被逐步舍弃掉的强大的模拟滚动的标签

(1)其实marquee的功能还是十分强大的,可以模拟我们用js才能实现的滚动效果,而且上下左右方向.滚动速度等等设置十分简单. (2)但是,marquee的缺点是兼容性不太好,因为是微软自己发明了,后来才逐步被其他浏览器厂商接受. (3)发现,目前使用marquee标签的地方不是很多.可能这种滚动的效果,现在看起来十分不友好,所以被逐步抛弃了吧. 参考文献: html之marquee详解 IE Firefox Opera Chrome Safari 对MARQUEE标签的兼容问题 <!DOCT