<marquee>滚动文字 </marquee>
2.文字移动属性的设置
(1)滚动方向属性direction
可以设定文字滚动的方向,分别为向左(left)、向右(right)、向上(up)、向下(down),使滚动的文字具有更多的变化。
基本语法:
<marquee direction="value">滚动文字</marquee>
(2)滚动方式属性behavior
通过这个属性能够设定不同方式的滚动文字效果。如滚动的循环往复、交替滚动、单次滚动等。
基本语法:
<marquee behavior="value">滚动文字</marquee>
(3)滚动循环属性loop
通过这个属性能够让文字滚动循环进行。
基本语法:
<marquee loop="次数">滚动文字</marquee>
(4)滚动速度属性scrollamout
通过这个属性能够调整文字滚动的速度。
基本语法:
<marquee scrollamount="value">滚动文字</marquee>
(5)滚动延迟属性scrolldelay
通过这个属性,可以在每一次滚动的间隔产生一段时间的延迟。
基本语法:
<marquee scrolldelay="value">滚动文字</marquee>
3.外观(Layout)设置
(1)滚动文字对齐方式align
基本语法:
<marquee align="对齐方式">滚动文字</marquee>
对方方式=top、middle、bottom,对齐上沿、中间、下沿。
(2)滚动背景颜色属性bgcolor
在滚动文字的后面,可以添加背景颜色。
基本语法:
<marquee bgcolor="color_value">滚动文字</marquee>
1、打开软件,文件,新建,html文件,命名随意,我这里命名hday。软件自动生成html的基本构造。首先保存一张背景图片放在img文件夹。
2、在<head>里声明<style>body{background-attachment: fixedbackground-image: url(../img/a3.jpg) }。
3、现在背景设置好了,加入内容,看看效果。在<body>内写入内容。运行。滚动鼠标图片是不是不动的。
4、点击运行。点击文件,新建,css文件。命名。输入body{background-image: url(../img/a3.jpg)background-attachment: fixed}。
5、返回html。在<head>内输入<link rel="stylesheet" type="text/css" href="new_file.css" />,保存,运行。效果和之前一样。