网页设计（五）—

前言：好久没更新过CSDN博客了，现在从原来的OI，变成了一个科研工作者。最近打算把原来的一些资料整理一下，作为经验公开分享，希望能帮到更多默默努力耕耘的人~

首先给出一些关于marquee标签的介绍：

marquee的作用是创建一个滚动的文本字幕

语法：<marquee>...</marquee>；在标记“…”之间添加要进行滚动的内容。

重要属性：

1.滚动方向direction（包括4个值：up、 down、 left和 right）

　　语法：<marquee direction="滚动方向">...</marquee>

2.滚动方式behavior（scroll:循环滚动，默认效果； slide:只滚动一次就停止； alternate:来回交替进行滚动）

　　语法：<marquee behavior="滚动方式">...</marquee>

3.滚动速度scrollamount（滚动速度是设置每次滚动时移动的长度，以像素为单位）

　　语法：<marquee scrollamount="5">...</marquee>

4.滚动延迟scrolldelay（设置滚动的时间间隔，单位是毫秒）

　　语法：<marquee scrolldelay="100">...</marquee>

5.滚动循环loop（默认值是-1，滚动会不断的循环下去）

　　语法：<marquee loop="2">...</marquee>

6.滚动范围width、height

7.滚动背景颜色bgcolor

8.空白空间hspace、vspace

下面给出一个例子：

<html>
<head>
<style type="text/css">
#dynamic_text
{width:740px;height:32px;   margin:20px auto 10px auto;border:1px solid gray;float:left;
}
</style>
</head>
<body>
<div id="dynamic_text">
<marquee align="left" behavior="scroll" bgcolor="white" direction="left" hspace="0" vspace="0" weith="800" height="27" loop="-1" scrollamount="10" scrolldelay="100" onMouseOut="this.start()" onMouseOver="this.stop()"><p style="color:#1F202B;font-size:12px;font-family:宋体;">国务院教育督导委员会办公室主任、教育部教育督导局局长何秀超，教育部基础教育一司司长吕玉刚，湖南省人民政府副省长、秘书长向力力，中南大学党委书记高文兵、校长张尧学，教育部和湖南省相关部门负责人参加督查。</p>
</marquee>
</div>
</body>
</html>

由于是动态效果，这里就不截图了，有兴趣自行拷贝代码，按照《网页设计（一）——HTML基础概念》的实例2（https://blog.csdn.net/csyzcyj/article/details/107283767）方法打开即可看到效果。

附网页设计系列的文章链接：

网页设计（一）——HTML基础概念：https://blog.csdn.net/csyzcyj/article/details/107283767

网页设计（二）——DIV+CSS布局1：https://blog.csdn.net/csyzcyj/article/details/107284087

网页设计（三）——DIV+CSS布局2：https://blog.csdn.net/csyzcyj/article/details/107284655

网页设计（四）——DIV+CSS布局3：https://blog.csdn.net/csyzcyj/article/details/107285198

网页设计（五）——marquee标签：https://blog.csdn.net/csyzcyj/article/details/107285901

网页设计（六）——基于HTML+CSS框架的网页设计实例：https://blog.csdn.net/csyzcyj/article/details/107286067

转载注明出处：https://blog.csdn.net/csyzcyj/

网页设计（五）——marquee标签相关推荐

网页设计：Meta标签详解
网页设计:Meta标签详解很多人忽视了HTML标签META的强大功效,一个好的META标签设计可以大大提高你的个人网站被搜索到的可能性,有兴趣吗,谁我来重新认识一下META标签吧! META标签是H ...
HTML网页设计之图片标签——＜img＞标签
在 HTML 中,图像由<img>标签定义.<img> 是空标签,只包含属性,没有闭合标签. 实际上图像并不会插入至HTML页面中,而是链接到HTML页面上,<img&g ...
网页设计-HTML各种标签
常用标签常用标签作用 p段落 a链接 <a herf="url" target> 链接文本 br 换行 -h1-h6 标题种类文本格式文本格式作用 <b ...
qq空间网页设计_网页设计中的负空间
qq空间网页设计重点 (Top highlight) Because screens are limited, web design is also limited. It can be said ...
网页设计的css样式,网页设计引入CSS样式的五种方式_css
一.使用STYLE属性将STYLE属性直接加在个别的元件标签里,<元件(标签) STYLE="性质(属性)1: 设定值1; 性质(属性)2: 设定值2; -} 例如: <TD ...
HTML网页设计：五、行内元素和块元素
行内元素和块元素 HTML系列文章目录 HTML网页设计:一.HTML的基本结构 HTML网页设计:二.网页的基本标签 HTML网页设计:三.图像标签之<img>标签 HTML网页设计:四 ...
盘点2013年那些最优秀的网页设计作品【系列五】
这个系列的文章向大家展示2013年最优秀的国外网页设计作品,这些都是过去的一年在图片,纹理,导航等等各个方面的优秀网站.2013年,网页设计领域出现了几个新的流行趋势,最热门的就是响应式设计(Resp ...
html 分割线_零基础网页设计/前端/html,第四课：前三课总结，以及单标签img
大家好,我是你们的"浪花一朵".如果我之前写的网页设计的课程没有看过,可以关注我,翻看作者之前的课程哦! 一.1~3课总结 1.为了使网页的内容与网页的边缘没有间隙,我们一般会在标 ...
下列可以产生斜体字的html标签是,电子科技大学《网页设计与制作》20秋期末考试题目【标准答案】...
电子科技大学<网页设计与制作>20春期末考试试卷总分:100 得分:100 一.单选题 (共 40 道试题,共 100 分) 1.如何产生带有数字列表符号的列表? A. B. C. D ...

网页设计（五）——marquee标签

网页设计（五）——marquee标签相关推荐

最新文章

热门文章