张嘉瑞乐园

新浪微薄腾讯微薄

最新碎语:不觉间,生活就更加艰辛……


您的位置:张嘉瑞乐园 >网站技术> HTML 生成滚动文本

HTML 生成滚动文本

对于滚动特效一般是使用js来控制,这里介绍一种更为简单的方法,是用html自带标签<marquee>即可实现。

在<body>标签中插入<marquee>标签,设置其属性为:

<marquee direction=″down″ behavior=″scroll″ scrollamount=″6″ scrolldelay=″0″ loop=″-1″height=″50″>
    <p>这里是显示文本</p>
</marquee>
参数说明:

1.滚动方向direction(包括4个值:up、 down、 left和 right)

语法:<marquee direction=”滚动方向”>…</marquee>

2.滚动方式behavior(scroll:循环滚动,默认效果; slide:只滚动一次就停止; alternate:来回交替进行滚动)

语法:<marquee behavior=”滚动方式”>…</marquee>

3.滚动速度scrollamount(滚动速度是设置每次滚动时移动的长度,以像素为单位)

语法:<marquee scrollamount=”5″>…</marquee>

4.滚动延迟scrolldelay(设置滚动的时间间隔,单位是毫秒)

语法:<marquee scrolldelay=”100″>…</marquee>

5.滚动循环loop(默认值是-1,滚动会不断的循环下去)

语法:<marquee loop=”2″>…</marquee>

6.滚动范围width、height

7.滚动背景颜色bgcolor

8.空白空间hspace、vspace


本文由--张嘉瑞乐园--整理,转载请注明本文标题和链接:《HTML 生成滚动文本

发表评论

路人甲 表情
看不清楚?点图切换 Ctrl+Enter快速提交

张嘉瑞乐园 张嘉瑞网址导航 米表 追剧影视 绿网主机 it诗人 久盟网络 阿永 冯站长之家 小王博客 99八十一 zd423 系统爱好者 TWM000 烈火 博客导航 卢松松博客