网站装饰:文字跑马灯(滚动)代刷滚动文字
给网站添加滚动文字装饰,使文字实现滚动效果
第一种在需要添加效果的地方填上“ <marquee>滚动滚动滚动</marquee> 效果如下
第二种跑得很快的滚动文字
在<marquee>后面添加 ”scrollamount=20” 修改=后面的数字可以控制文字滚动的速度 效果如下
第三种 左右弹来弹去的文字
<marquee width=400(文字滚动范围) behavior=alternate(双向移动) direction=left(向左移动) align=middle>弹来弹去的文字</marquee>
第四种 带超链接的滚动文字
<marquee><a href="链接地址“>带链接的滚动文字</a></marquee>
还可以给文字加上颜色,换成不同的字体,改变字体的大小粗细
<marquee><font face=GB2312(字体) color=#ff0000(颜色) size=3(字号)><B>(加粗)加上颜色改变字体加粗</B>(加粗)</font></marquee>
第五种 上下滚动的文字
<marquee direction="up" behavior="scroll" loop="3" scrollamount="3" scrolldelay="10" align="top" height="50" width="100%" hspace="20" vspace="10" onmouseover="this.stop()" onmouseout="this.start()" style="background-color: rgb(255, 255, 255); height:50px; width: 100%; margin: 10px 20px;">
<div class="gg_info" style="margin: 0;color:#ff0000"><b>滚动文字</b></div>
<div class="gg_info" style="margin: 0;color:#0066ff">滚动文字</div>
<div class="gg_info" style="margin: 0;color:#66ffff">滚动文字</div>
<div class="gg_info" style="margin: 0;color:#66ffff">滚动文字</div>
<div class="gg_info" style="margin: 0;color:#ff0000">滚动文字</div>
<div class="gg_info" style="margin: 0;color:#ff0000">滚动文字</div>
</marquee>
第一种在需要添加效果的地方填上“ <marquee>滚动滚动滚动</marquee> 效果如下
第二种跑得很快的滚动文字
在<marquee>后面添加 ”scrollamount=20” 修改=后面的数字可以控制文字滚动的速度 效果如下
第三种 左右弹来弹去的文字
<marquee width=400(文字滚动范围) behavior=alternate(双向移动) direction=left(向左移动) align=middle>弹来弹去的文字</marquee>
第四种 带超链接的滚动文字
<marquee><a href="链接地址“>带链接的滚动文字</a></marquee>
还可以给文字加上颜色,换成不同的字体,改变字体的大小粗细
<marquee><font face=GB2312(字体) color=#ff0000(颜色) size=3(字号)><B>(加粗)加上颜色改变字体加粗</B>(加粗)</font></marquee>
第五种 上下滚动的文字
<marquee direction="up" behavior="scroll" loop="3" scrollamount="3" scrolldelay="10" align="top" height="50" width="100%" hspace="20" vspace="10" onmouseover="this.stop()" onmouseout="this.start()" style="background-color: rgb(255, 255, 255); height:50px; width: 100%; margin: 10px 20px;">
<div class="gg_info" style="margin: 0;color:#ff0000"><b>滚动文字</b></div>
<div class="gg_info" style="margin: 0;color:#0066ff">滚动文字</div>
<div class="gg_info" style="margin: 0;color:#66ffff">滚动文字</div>
<div class="gg_info" style="margin: 0;color:#66ffff">滚动文字</div>
<div class="gg_info" style="margin: 0;color:#ff0000">滚动文字</div>
<div class="gg_info" style="margin: 0;color:#ff0000">滚动文字</div>
</marquee>
转载声明:本文为 网站装饰:文字跑马灯(滚动)代刷滚动文字