特殊标签marquee标签

marquee标签

<!--
    marquee标签,跑马灯
    1,格式
       <marquee>内容</marquee>
    2,注意点:
    marquee不是w3c推荐的标签,在w3c官网上找不到这个标签,但是在各大浏览器上使用很多
-->
<!-- 默认是从左向右-->
<marquee direction="">我是前端开发</marquee>
<hr>
<!-- 从左向右 direction="right" -->
<marquee direction="right">我是前端开发</marquee>
<hr>
<!-- 从右向左 direction="left" -->
<marquee direction="left">我是前端开发</marquee>
<hr>
<!-- 从下向上 direction="up" -->
<marquee direction="up">我是前端开发</marquee>
<hr>
<!-- 从上向下 direction="down" -->
<marquee direction="down">我是前端开发</marquee>
<hr>
<!-- 设置滚动速度 scrollamount="50" -->
<marquee behavior="" direction="left" scrollamount="50">我是前端开发</marquee>
<hr>
<!-- 设置滚动重复次数 loop="1"-->
<marquee direction="right" scrollamount="50" loop="1">我是前端开发</marquee>
<hr>
<!--
    设置滚动的类型:
    1,behavior="slide" ,滚动到边界就停止
    2,behavior="alternate",滚动到边界就弹回
 -->
<marquee behavior="slide" direction="left" scrollamount="50">我是前端开发</marquee>
<hr>
<!-- 图片滚动 -->
<marquee scrollamount="50">
    <img src="images/image.png" width="200">
</marquee>