zoukankan      html  css  js  c++  java
  • 图片移动特效

    一、向左移动
    <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>

  • 相关阅读:
    Ubuntu使用Thinkpad-T14-Gen1指纹识别
    解决ubuntu20.04无法安装python2-pyqt5
    ssh添加允许用户/组
    IP-CIDR对应子网地址范围查询
    Gateway整合Swagger
    Java 过滤器Url通配符处理
    HttpServletRequest重复读取
    nmap 快速扫描 大量主机端口
    MAC 设置多个JAVA版本切换
    XSS
  • 原文地址:https://www.cnblogs.com/jcomet/p/1242828.html
Copyright © 2011-2022 走看看