【聊代码】第十五集：移动标签（之三）|老小孩博文

       上集介绍了七种效果的文字移动代码，本集接着介绍。
       （八）跳跃前进效果：

 

跳跃前进效果

 

       代码：＜marquee＞＜marquee behavior="alternate" direction="up" style="height: 60px; width: 400px;"＞＜font style="FONT-FAMILY: 黑体; COLOR: #0000ff; FONT-SIZE: 35pt"＞＜b>跳跃前进效果＜/b＞＜/font＞＜/marquee＞＜/marquee＞

 

       代码解析：将跳动效果的代码前端加一个不含属性的移动首标签（＜marquee＞），即可获此效果。

 

       （九）起伏前进效果：

 

起伏前进效果

 

       代码：＜marquee＞＜marquee behavior="alternate" direction="up" height="100" style="height: 100px; width: 600px;" width="600"＞＜font style="FONT-FAMILY: 黑体; COLOR:#ffc20e ; FONT-SIZE: 35pt"＞＜b＞起伏前进效果＜/b＞＜/font＞＜/marquee＞＜/marquee＞

 

       代码解析：将跳跃前进效果代码中的移动范围属性（height: 60px;）改为（height: 100px;）增大一下移动高度，即可获此效果。

 

       （十）间歇式移动效果效果：

 

间歇式移动效果

       代码：＜marquee scrollamount="6"＞＜marquee behavior="alternate" direction="right" height="100" scrollamount="6" style="height: 100px; width: 600px;" width="600"＞＜font style="FONT-FAMILY: 黑体; COLOR:#ffc20e ; FONT-SIZE: 35pt"＞＜b>间歇式移动效果＜/b＞＜/font＞＜/marquee＞＜/marquee＞

 

       代码解析：在向右移动的标签前，加一个含有移动速度属性的移动首标签。并且，在两个移动标签中，设置的移动速度属值必须相同，即可获此效果。

 

       （十一）进一步停一步效果：

 

进一步停一步效果

       代码：＜marquee＞＜marquee behavior="alternate" direction="right" style="height: 60px; width: 400px;">＜font style="FONT-FAMILY: 黑体; COLOR: #0000ff; FONT-SIZE: 35pt"＞＜b＞进一步停一步效果＜/b＞＜/font＞＜/marquee＞＜/marquee＞

 

       代码解析：该效果的代码可以说与间歇式效果代码完全一样，也要求两个标签中的速度属性属值等同，在此条件下把移动范围的width值适当调小，即可获此效果。

 

       （十二）进两步退一步效果：

 

进两步退一步效果

       代码：＜marquee scrollamount="1"＞＜marquee behavior="alternate" direction="right" height="100" scrollamount="7" style="height: 100px; width: 600px;" width="600"＞＜font style="FONT-FAMILY: 黑体; COLOR:#ffc20e ; FONT-SIZE: 35pt"＞＜b＞进两步退一步效果＜/b＞＜/font＞＜/marquee＞＜/marquee＞

 

       代码解析：该效果的代码可以说与间歇式效果代码完全一样，不同的是，要求两个标签中的速度属性属值一个最大，一个最小，即可获此效果。

 

       （十三）移动时快时慢效果：

 

移动时快时慢效果

       代码：＜marquee＞＜marquee behavior="alternate" scrollamount="2" style="width: 500px;" width="500"＞＜font style="FONT-FAMILY: 黑体; COLOR: #0000ff; FONT-SIZE: 35pt"＞＜b＞移动时快时慢效果＜/b＞＜/font＞＜/marquee＞＜/marquee＞

 

       代码解析：速度属性的属值一个为“2”，一个为默认值“6”，即可获此效果。

 

       （十四）上下移动聚中间效果：

 

上下文字聚中间效果

上下文字聚中间效果

       代码：＜marquee direction="down" height="100" scrollamount="6" style="height: 100px;"> ＜div align="center">＜span style="font-size:35px;color:#ffc20e;font-family:黑体;"＞上下文字聚中间效果＜/span＞＜/div＞ ＜/marquee> ＜/span>＜/span>＜/p> ＜p＞＜marquee direction="up" height="100" scrollamount="6" style="height: 100px;"＞ ＜div align="center"＞＜span style="font-size:35px;color:#ffc20e;font-family:黑体;"＞上下文字聚中间效果＜/span＞＜/div＞ ＜/marquee＞＜/p＞

 

       代码解析：双标签（向上移动和向下移动）组合。