创建一个滚动菜单的HTML代码是?

html-css011

创建一个滚动菜单的HTML代码是?,第1张

1.基本语法

<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" />,保存,运行。效果和之前一样。