• 图片移动特效


    一、向左移动
    <marquee><img src=http://myok.blogchina.com/inc/myoklogo.gif><br>从右向左移动</marquee>

    二、向右移动
    <marquee direction=right><img src=http://myok.blogchina.com/inc/myoklogo.gif width=90

    height=30><br><font color=0000ff size=3 face=宋体><b>从左向右移动</b></font></marquee>

    三、向上移动
    <marquee direction=up onmouseover=this.stop() scrollamount=5 onmouseout=this.start()><center><img

    src=http://myok.blogchina.com/inc/myoklogo.gif width=90 height=30></center></marquee>

    四、向下移动
    <marquee direction=down scrollamount=5><center><font color=0000ff size=5 face=华文行楷><b>向下移

    动</b></font><br><img src=http://myok.blogchina.com/inc/myoklogo.gif width=90

    height=30></marquee>

    五、来回移动
    <marquee width=100% behavior=alternate scrollamount=10><img

    src=http://myok.blogchina.com/inc/myoklogo.gif width=90 height=30><br><font color=0000ff size=5

    face=华文行楷><b>来回移动</b></font></marquee>

    六、上下起伏
    <marquee direction=left><marquee behavior=alternate direction=up height=100><img

    src=http://myok.blogchina.com/inc/myoklogo.gif><img

    src=http://myok.blogchina.com/inc/myoklogo.gif><font color=0000ff size=3 face=华文行楷

    ></b></font></marquee></marquee>

    八、中间向两边移动:
    <center><br><marquee width=220 height=50><img src=http://myok.blogchina.com/inc/myoklogo.gif

    width=90 height=30><font face=华文彩云 color=#0000ff size=5><br>中间向两边移动

    </font></marquee><marquee direction=right width=220 height=50><img

    src=http://myok.blogchina.com/inc/myoklogo.gif width=90 height=30><font face=华文彩云

    color=#0000ff size=5><br>中间向两边移动<br></marquee></font></center>

    九、中间上下移动:
    <marquee direction=up onmouseover=this.stop() scrollamount=3 onmouseout=this.start><center><img src=http://myok.blogchina.com/inc/myoklogo.gif width=90></marquee></center><marquee direction=down scrollamount=3><center><div style="400;filter:flipv;"><img src="http://myok.blogchina.com/inc/myoklogo.gif" width=90></div></center></marquee>

  • 相关阅读:
    electron 显示对话框 showMessageBoxSync showMessageBox
    c++ 随机数 取值范围 多线程
    c++ 字符串转换为数字
    VS2019 C++动态链接库的创建使用(1)
    js mutationobserver property vs attribute
    Chromium base 基础库概览
    Git:合并分支----git merge命令应用的三种情景
    chromium 处理 addEventListener 事件
    JavaScript监听属性改变
    chrome 启动开关参数
  • 原文地址:https://www.cnblogs.com/jcomet/p/1242828.html
Copyright © 2020-2023  润新知