在HTML页面中可以使用<marquee>标签实现页面文字滚动效果,给大家分享的是有关HTML代码如何制作滚动文字的内容。HTML技术中使文字滚动的方法是使用双标签<marquee></marquee>。
- direction 表示滚动的方向,值可以是left,right,up,down,默认为left;
- behavior 表示滚动的方式,值可以是scroll(连续滚动)slide(滑动一次)alternate(来回滚动);
- loop 表示循环的次数,值是正整数,默认为无限循环;
- scrollamount 表示运动速度,值是正整数,默认为6;
- scrolldelay 表示停顿时间,值是正整数,默认为0,单位是毫秒;
- valign 表示元素的垂直对齐方式,值可以是top,middle,bottom,默认为middle;
- align 表示元素的水平对齐方式,值可以是absbottom:绝对底部对齐(与g、p等字母的最下端对齐),absmiddle:绝对中央对齐,baseline:底线对齐,bottom:底部对齐(默认),left:左对齐,middle:中间对齐,right:右对齐,texttop:顶线对齐,top:顶部对齐;
- bgcolor 表示运动区域的背景色,值是16进制的RGB颜色,默认为白色;
- height、width 表示运动区域的高度和宽度,值是正整数(单位是像素)或百分数,默认width=100% height为标签内元素的高度;
- hspace、vspace 表示元素到区域边界的水平距离和垂直距离,值是正整数,单位是像素;
<html>
<head>
<title>文字滚动的设置--潘某人SEO</title>
</head>
<body>
<div>
文字滚动示例(默认):<marquee>文字滚动</marquee>
文字滚动示例(向右):<marquee direction="right" scrolldelay="500">向左滚动</marquee>
文字滚动示例(默认方向,滚动方式为alternate,循环8次,速度为2):<marquee scrollamount="2" behavior="alternate" loop="8">marquee文字滚动</marquee>
文字滚动示例(向上,背景色为#999,设置了背景宽度和高度):<marquee direction="up" bgcolor="#999" width="250" height="55">向上滚动</marquee>
</div>
</body>
</html>
2
3
4
5
6
7
8
9
10
11
12
13