• html中文字移动命令大全(摘录)


    一、从右向左移

    代码

    <marquee direction=left>需要移动的文字</marquee>

    二、从左向右移

    代码

    <marquee direction=right>需要移动的文字</marquee>

    三、一圈一圈绕着移动

    代码

    <marquee behavior=scroll>需要移动的文字</marquee>

    四、只移动三次就停了

    代码

    <marquee loop=3 behavior=slide>需要移动的文字</marquee>

    五、移一步,停一停

    代码

    <marquee scrolldelay=500 scrollamount=100>需要移动的文字</marquee>

    六、左右来回移动

    代码

    <marquee behavior=alternate>需要移动的文字</marquee>

    七、忽隐忽现移动

    代码

    <marquee behavior="alternate"><marquee width="150" direction=right>需要移动的文字</marquee>

    八、从下向上移动

    代码

    <marquee direction=up><div align="center">需要移动的文字</div></marquee>

    九 、从上向下移动

    代码

    <marquee direction=down><div align="center">需要移动的文字</div></marquee>

    十、垂直往复移动

    代码

    <marquee direction=up behavior=alternate><div align="center">需要移动的文字</font></div></marquee>

    十一、从左上向右下移动

    代码

    <marquee direction=right><marquee width=216 direction=down>需要移动的文字</marquee>

    十二、 从右上向左下移动

    代码

    <marquee direction=left><marquee direction=down>需要移动的文字</marquee>

    十三、从左下向右上移动

    代码

    <marquee direction=right><marquee direction=up>需要移动的文字</marquee>

    十四、从右下向左上移动

    代码

    <marquee direction=left><marquee direction=up>需要移动的文字</marquee>

    十五、水平相反移动

    代码

    <p align=center> <marquee width="216px">需要移动的文字</marquee><marquee width="216px" direction=right>需要移动的文字

    </marquee></p>

    十六、左右两边向中间移动

    代码

    <p align=center><marquee style="216px;" direction=right>需要移动的文字</marquee><marquee style="216px;"

    direction=left>需要移动的文字</marquee></p>

    十七、左右两边向中间来回移动

    代码

    <MARQUEE scrollAmount=3 behavior=alternate width="40%">左右向中间来回移动</MARQUEE><MARQUEE scrollAmount=3 direction=right

    behavior=alternate width="40%">动移回来间中向右左</MARQUEE>

    十八、从上下向中间移动

    代码

    <p></p><center><marquee width=288 direction=down scrollAmount=2 height=50><center>需要移动的文字

    </center></marquee><center><marquee width=288 direction=up scrollAmount=2 height=50><center>需要移动的文字

    </center></marquee></center></center><p></p>

    十九、从中间向上下移动

    代码

    <p></p><center><marquee width=288 direction=up scrollAmount=2 height=50><center>需要移动的文字

    </center></marquee><center><marquee width=288 direction=down scrollAmount=2 height=50><center>需要移动的文字

    </center></marquee></center></center><p> </p></marquee>

    二十、上下向中间来回移动

    代码

    <MARQUEE scrollAmount=1 direction=down behavior=alternate height=50><DIV align=center>上下向中间来回移动

    </DIV></MARQUEE><MARQUEE scrollAmount=1 direction=up behavior=alternate height=50><DIV align=center>上下向中间来回移动

    </DIV></MARQUEE>

    二十一、上下交替移动

    代码

    <marquee direction=up behavior=alternate width=45 height=160><center>需</center></marquee><marquee direction=up

    behavior=alternate width=45><center>要</center></marquee><marquee direction=up behavior=alternate width=45

    height=160><center>移</center></marquee><marquee direction=up behavior=alternate width=45><center>动

    </center></marquee><marquee direction=up behavior=alternate width=45 height=160><center>的</center></marquee><marquee

    direction=up behavior=alternate width=45><center>文</center></marquee></marquee><marquee direction=up behavior=alternate

    width=45 height=160><center>字</center></marquee>

    二十二、移动后消失

    代码

    <marquee style=" 288px; height: 120px" scrollAmount=5 direction=up><center><div><marquee direction=up

    behavior=alternate width=30 height=100><center>需</center></marquee><marquee direction=up behavior=alternate width=30

    height=110><center>移</center></marquee><marquee direction=up behavior=alternate width=30 height=100><center>要

    </center></marquee><marquee direction=up behavior=alternate width=30 height=110><center>动</center></marquee><marquee

    direction=up behavior=alternate width=30 height=100><center>的</center></marquee><marquee direction=up behavior=alternate

    width=30 height=110><center>字</center></marquee><marquee direction=up behavior=alternate width=30 height=100><center>文

    </center></marquee></div></center></marquee>

    二十三、波浪式移动

    代码

    <div align=center><marquee width=288

    filter: wave(add=0,lightstrength=50,strength=3,freq=2,

    phrase=10); scrollAmount=5 direction=up behavior=alternate><div align=center><marquee scrollAmount=3 behavior=altrnate

    width=216><div align=center>需要移动的文字</div></marquee></div></marquee></div>

    二十四、往复波浪式移动

    代码

    <marquee width=288 filter: wave(add=0,lightstrength=50,strength=3,freq=2,phrase=10); scrollAmount=5 direction=up

    behavior=alternate><marquee scrollAmount=3 behavior=alternate width=288>需要移动的文字</marquee></marquee>

    二十五、交替往复波浪式移动

    代码

    <marquee width=436 scrollAmount=5 direction=right behavior=alternate><marquee direction=up behavior=alternate width=50

    height=200 align="middle">需</marquee><marquee direction=up behavior=alternate width=50 height=150>的</marquee><marquee

    direction=up behavior=alternate width=50 height=200>要</marquee><marquee direction=up behavior=alternate width=50 height=150>

    文</marquee><marquee direction=up behavior=alternate width=50 height=200>移</marquee><marquee direction=up behavior=alternate

    width=50 height=150>字</marquee><marquee direction=up behavior=alternate width=50 height=200>动</marquee>

    </marquee>

    二十六、S型移动

    代码

    <marquee behavior=alternate direction=up scrollamount=2 scrolldelay=65 height=120 style="Text-align;filter:wave

    (add=0,phase=1, freq=1,strength=50,color=.ffffff)"><center>需要移动的文字</center></marquee>


    二十七、 多层多式复合移动

    代码

    <table bgcolor="#ffffff"> <tr><td width="1" valign="top" > <marquee direction="down" behavior="alternate" scrollamount=1

    height="120"> <marquee direction="right" scrollamount=4 behavior="alternate" width="288">需要移动的文字</marquee> </marquee>

    </td> <td width="288"> <marquee behavior=alternate direction=up scrollamount=2 scrolldelay=65 height="120" width="288"

    style="Text-align;filter:wave(add=1,phase=4, freq=1,strength=50)"><center>需要移动的文字</center></marquee></td></tr></table>

    二十八、文字竖排渐出移动

    代码

    <div align=center><marquee scrollAmount=1 scrollDelay=100 behavior=slide loop=1 width=290 height=180><marquee style="line-

    height: 120%; writing-mode: tb-rl" scrollAmount=1 scrollDelay=100 direction=up width=290 height=180><p align=center>需要移动

    的字文<br>.<br>.<br>.<br>需<br>要<br>移<br>动<br>的<br>文<br>字<br>.<br>.<br>.</p></marquee></marquee></div>


    二十九、文字穿梭移动

    代码

    <marquee scrollAmount=2 width=30 height=20>文&nbsp;&nbsp;&nbsp;&nbsp;文</marquee>&nbsp;&nbsp;&nbsp;&nbsp;<marquee

    scrollAmount=2 width=30 height=20>字&nbsp;&nbsp;&nbsp;&nbsp;字</marquee>&nbsp;&nbsp;&nbsp;&nbsp;<marquee scrollAmount=2

    width=30 height=20>穿&nbsp;&nbsp;&nbsp;&nbsp;穿</marquee>&nbsp;&nbsp;&nbsp;&nbsp;<marquee scrollAmount=2 width=30 height=20>

    梭&nbsp;&nbsp;&nbsp;&nbsp;梭</marquee>&nbsp;&nbsp;&nbsp;&nbsp;

    附 注

    各主要参数的含义:

    align:是设定活动对象(图片或文字)的位置。

    direction:用于设定活动对象的移动方向。

    behavior="scroll"表示由一端移动到另一端。

    behavior="slide"表示由一端移动到另一端,且不再重复。

    behavior="alternate"表示在两端之间来回移动。

    height:用于设定移动对象的高度。

    width:则设定移动对象的宽度。

    hspace:用于设定移动对象的左右边框宽度。

    vspace:上下边框的宽度。

    scrollamount:用于设定活动对象的移动距离,数值越大移动越快。

    scrolldelay:用于设定移动两次之间的延迟时间,数值越大越有跳跃感。

    loop:用于设定移动的次数,不设置该值则为无限循环

    style="font-size: "用于设定文字大小。

    wline-htight: 用于设定文字行间距。

    font-family: 用于设定字体。

    <marquee>标记的默认情况是向左移动无限次,字幕高度是

    文本高 度,移动范围:水平移动的宽度是当前位

    置的宽度,垂直移动的高度是当前位置的高度。

  • 相关阅读:
    C#趣味程序---车牌号推断
    使用 C# 开发智能手机软件:推箱子(十四)
    【Oracle错误集锦】:ORA-12154: TNS: 无法解析指定的连接标识符
    java中你确定用对单例了吗?
    linux tty设置详解
    tty linux 打开和设置范例
    C和C++之间库的互相调用
    Android 编译参数 LOCAL_MODULE_TAGS
    pthread_once 和 pthread_key
    Android系统root破解原理分析
  • 原文地址:https://www.cnblogs.com/hoojjack/p/2643803.html
Copyright © 2020-2023  润新知