欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

课时56.marquee标签(理解)

程序员文章站 2022-07-04 23:02:49
这个标签是比较特殊的,不是html5中的新增标签 在W3C官方文档中找不到这个标签,也就是说不是官方推荐的标签 但是各大浏览器对这个标签的支持也非常不错,而且效果也非常不错 1.什么是marquee标签? 作用:跑马灯 2.格式: 内容 属性: 为了方便看出 ......

这个标签是比较特殊的,不是html5中的新增标签

在W3C官方文档中找不到这个标签,也就是说不是官方推荐的标签

但是各大浏览器对这个标签的支持也非常不错,而且效果也非常不错

1.什么是marquee标签?

作用:跑马灯

课时56.marquee标签(理解)

2.格式:

<marquee>

    内容

</marquee>

属性:

为了方便看出来效果,我们添加了一段样式,一个天蓝色的方框

课时56.marquee标签(理解)

direction:设置滚动方向 left/right/up/down

课时56.marquee标签(理解)

依次是从右向左,从左向右,从下到上,从上到下

课时56.marquee标签(理解)

scrollamount:设置滚动属性,值越大就越快

课时56.marquee标签(理解)

课时56.marquee标签(理解)

左边的速度快,右边的速度慢

loop:设置滚动次数,默认是-1,就是无限滚动

课时56.marquee标签(理解)

课时56.marquee标签(理解)

滚动一次就不滚动了

behavior:设置滚动类型,slide滚动到边界就停止,alternate滚动到边界就弹回来

课时56.marquee标签(理解)  . 课时56.marquee标签(理解)

除了让文字滚动以外,还可以让图片滚动

课时56.marquee标签(理解)

课时56.marquee标签(理解)