zoukankan      html  css  js  c++  java
  • html会移动的文字

    marquee标签能实现在网页中移动的文字的效果。

    <marquee> ... </marquee>

    <marquee>啦啦啦,我会移动耶!</marquee>

    啦啦啦,我会移动耶!

    +文字移动属性的设置

    方向 <direction=#> #=left, right

    <marquee direction=left>啦啦啦,我从右向左移!</marquee> <P>
    <marquee direction=right>啦啦啦,我从左向右移!</marquee>

    啦啦啦,我从右向左移!

    啦啦啦,我从左向右移!

    方式 <bihavior=#> #=scroll, slide, alternate

    <marquee behavior=scroll>啦啦啦,我一圈一圈绕着走!</marquee> <P>
    <marquee behavior=slide>啦啦啦,我只走一次就歇了!</marquee> <P>
    <marquee behavior=alternate>啦啦啦,我来回走耶!</marquee>

    啦啦啦,我一圈一圈绕着走!

    啦啦啦,我只走一次就歇了!

    啦啦啦,我来回走耶!

    循环 <loop=#> #=次数;若未指定则循环不止(infinite)

    <marquee loop=3 width=50% behavior=scroll>啦啦啦,我只走 3 趟哟!</marquee> <P>
    <marquee loop=3 width=50% behavior=slide>啦啦啦,我只走 3 趟哟!</marquee> <P>
    <marquee loop=3 width=50% behavior=alternate>啦啦啦,我只走 3 趟哟!</marquee>

    啦啦啦,我只走 3 趟哟!

    啦啦啦,我只走 3 趟哟!

    啦啦啦,我只走 3 趟哟!

    速度 <scrollamount=#>

    <marquee scrollamount=20>啦啦啦,我走得好快哟!</marquee>

    啦啦啦,我走得好快哟!

    延时 <scrolldelay=#>

    <marquee scrolldelay=500 scrollamount=100>啦啦啦,我走一步,停一停!</marquee>

    啦啦啦,我走一步,停一停!

    + 外观(Layout)设置

    对齐方式(Align) <align=#> #=top, middle, bottom

    <font size=6>
    <marquee align=# width=400>啦啦啦,我会移动耶!</marquee>
    </font>
    对齐上沿、中间、下沿。

    啦啦啦,我会移动耶! 对齐上沿。

    啦啦啦,我会移动耶! 对齐中间。

    啦啦啦,我会移动耶! 对齐下沿。

    底色 <bgcolor=#>

    #=rrggbb 16 进制数码,或者是下列预定义色彩:
    Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
    Fuchsia, White, Green, Purple, Silver, Yellow, Aqua
    <marquee bgcolor=aaaaee>啦啦啦,我会移动耶!</marquee>

    啦啦啦,我会移动耶!

    面积 <height=# width=#>

    <marquee height=40 width=50% bgcolor=aaeeaa>
    啦啦啦,我会移动耶!
    </marquee>

    啦啦啦,我会移动耶!

    空白(Margins)<hspace=# vspace=#>

    ********************************************<br>
    嗨,
    <marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaa align=middle>啦啦啦,我会移动耶!</marquee>
    大家好!<br>
    ********************************************

    ********************************************
    嗨, 啦啦啦,我会移动耶! 大家好!
    ********************************************

  • 相关阅读:
    2031 HDOJ 进制转换
    计算机视觉实验之直方图均衡化和对数变换
    sublime text3创建文件时生成头部注释
    浏览器调试出错
    css世界-读书笔记
    redis中Bitmaps位图应用场景
    redis中hyperloglog基数统计
    redis中Zset有序集合类型常用命令
    redis中set集合类型常用命令
    redis中hash哈希类型常用命令
  • 原文地址:https://www.cnblogs.com/charleszhang1988/p/2923738.html
Copyright © 2011-2022 走看看