【网页代码】文字高级篇：让文字动起来

移动基本代码

<marquee direction=down height=350 behavior=slide scrollAmount=1 scrollDelay=150>创建一些滚动字幕 </marquee>

代码解读：

◆ <marquee></marquee>创建一些滚动字幕

◆ direction 方向 (left right up down)

◆ behavior 行为   (scroll绕圈滚动 slide只滚一次 alternate来回滚动)

◆ loop 循环

◆ scrollamount滚动的速度 (数字越大速度越快)

◆ scrolldelay 滚动延时

◆ align 对齐方式 (top middle bottom)

◆ bgcolor 背景颜色

◆ height,width 高宽

◆ hspace,vspace 垂直和水平间距

效果演示

代码

01.从右向左移

<marquee scrollAmount=1 direction=left>01.从右向左移</marquee>

02.从左向右移

<marquee scrollAmount=1 direction=right>02.从左向右移</marquee>

03.从上向下移动

<marquee scrollAmount=2 direction=down height=40> <div align="center" >03.从上向下移动</div> </marquee>

04.从下向上移动

<marquee scrollAmount=2 direction=up height=40> <div align="center" >04.从下向上移动</div> </marquee>

05.走走停停

<marquee scrolldelay=500 scrollamount=100>05.走走停停</marquee>

06.来回移动

<marquee scrollAmount=1 behavior="alternate">06.来回移动</marquee>

07.忽隐忽现移动

<MARQUEE beha>

<MARQUEE beha direction=right width=150>07.忽隐忽现移动</MARQUEE></MARQUEE>

08.从左下向右上移动

<marquee scrollAmount=1 direction=right><marquee scrollAmount=2 height=60 direction=up>08.从左下向右上移动</marquee>

09.从左上向右下移动

<marquee scrollAmount=1 direction=right><marquee scrollAmount=2 height=60 direction=down>09.从左上向右下移动</marquee>

10.从右上向左下移动

<marquee scrollAmount=1 direction=left><marquee direction=down>10.从右上向左下移动</marquee>

11.两边向中间移动动移间中向边两.11

<MARQUEE scrollAmount=1 direction=right width=150>11.左右两边向中间移动</MARQUEE>

<MARQUEE scrollAmount=1 width=150>动移间中向边两右左.11</MARQUEE>

12.水平相反移动动移反相平水.12

<MARQUEE scrollAmount=1 width=150>12.水平相反移动</MARQUEE>

<MARQUEE scrollAmount=1 direction=right width=150>动移反相平水.12</MARQUEE>

13.忽隐忽现移动

<MARQUEE beha>

<MARQUEE beha direction=right width=150>13.忽隐忽现移动</MARQUEE></MARQUEE>

14.从上下向中间移动14.从上下向中间移动

<MARQUEE scrollAmount=1 direction=down height=50>14.从上下向中间移动</MARQUEE>

<MARQUEE scrollAmount=1 direction=up height=50>14.从上下向中间移动</MARQUEE>

15.从中间向上下移动15.从中间向上下移动

<MARQUEE scrollAmount=1 direction=up height=50>15.从中间向上下移动</MARQUEE>

<MARQUEE scrollAmount=1 direction=down height=50>15.从中间向上下移动</MARQUEE>

16.波浪式复合移动

<MARQUEE style="FILTER: wave(add=1,phase=4, freq=1,strength=50)" scrollAmount=2 scrollDelay=65 direction=up height=100 beha>16.波浪式复合移动

</MARQUEE>

17.带背景色移动

<MARQUEE scrollAmount=1 bgColor=#aaaaee>17.带背景色移动</MARQUEE>

网页代码 —— 文字基础篇

参考网络资源编写，谢绝改头换面盗用

360pskdocImg_0