zoukankan      html  css  js  c++  java
  • html跑马灯/走马灯效果

    实现跑马灯的方法很多,其中最简单的是采用一句Html代码来实现,我们在需要出现跑马灯效果的地方插入“<marquee>滚动的文字</marquee>”语句,它的效果如下所示:

    参数 用法介绍
    behavior=scroll, slide, alternate 跑马方式:循环绕行,只跑一次就停住,来回往复运动
    direction=left,right 跑马方向:从左向右,从右向左
    loop=100 跑马次数:循环100次,如不写默认为一直循环
    width=100%,height=200 跑马范围:宽为100%,高为200像素
    scrollamount=20 跑马速度:数越大越快
    scrolldelay=500 跑马延时:毫秒数,利用它可实现跃进式滚动
    hspace=20,vspace=20 跑马区域与其它区域间的空白大小
    bgcolor=#00FFCC 跑马区域的背景颜色
    face=楷体_GB2312 跑马灯文字字体
    color=#ff0000 跑马灯文字颜色
    size=3 跑马灯文字字号
    STRONG 跑马灯文字加粗

      你已经看到,尽管<marquee>参数不少,但毕竟不能实现复杂的和自定义的特殊跑马灯效果,而且还有浏览器限制,所以我们更多情况下会采用JavaScript来实现跑马灯。

  • 相关阅读:
    11月7日
    11月6日
    11月5日
    11月4日
    html5
    intern
    pjtool用到的数据库----oracle范畴
    运用的jdk版本如何查看
    JAVA 一句话技巧
    [ios 开发笔记]:一句话笔记
  • 原文地址:https://www.cnblogs.com/huanyumingmei/p/8467915.html
Copyright © 2011-2022 走看看