资讯专栏INFORMATION COLUMN

marquee标签的使用

maochunguang / 3263人阅读

摘要:演示表示滚动的方向,值可以是,,,,默认为表示滚动的方式,值可以是连续滚动滑动一次来回滚动表示循环的次数,值是正整数,默认为无限循环表示运动速度,值是正整数,默认为表示停顿时间

DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>演示marqueetitle>

    <style type="text/css">
        *{
            padding: 0px;
            margin: 0px;
        }
        
        marquee{
            border: 1px solid purple;
        }

        img{
            width: 360px;
            height: auto;
        }
    style>
head>
<body>

    

    <marquee direction="left" behavior="alternate" valign="middle" align="absmiddle" scrollamount="10" width="366px">
        <img src="./back1.jpg">
        <img src="./back2.jpg">
        <img src="./back3.jpg">
        <img src="./back4.jpg">
        <img src="./back5.jpg">
        <img src="./back6.jpg">
        <img src="./back7.jpg">
    marquee>
body>
html>

 结果如下:显示一个向左滑动的相册[来回滚动]

 

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/1928.html

相关文章

  • 发布自己第一个npm 组件包(基于Vue文字跑马灯组件)

    摘要:所以我把这个为了区分这个组件包是水平方向的,改名为三基于的文字跑马灯组件大致了解怎么发组件包以后,我们再来看看需要发布出去的组件包怎么写的。 一、前言 总结下最近工作上在移动端实现的一个跑马灯效果,最终效果如下: showImg(https://segmentfault.com/img/remote/1460000009540502?w=555&h=380); 印象中好像HTML标签的...

    edagarli 评论0 收藏0
  • 发布自己第一个npm 组件包(基于Vue文字跑马灯组件)

    摘要:所以我把这个为了区分这个组件包是水平方向的,改名为三基于的文字跑马灯组件大致了解怎么发组件包以后,我们再来看看需要发布出去的组件包怎么写的。 一、前言 总结下最近工作上在移动端实现的一个跑马灯效果,最终效果如下: showImg(https://segmentfault.com/img/remote/1460000009540502?w=555&h=380); 印象中好像HTML标签的...

    KitorinZero 评论0 收藏0
  • 课时56.marquee标签(理解)

    摘要:这个标签是比较特殊的,不是中的新增标签在官方文档中找不到这个标签,也就是说不是官方推荐的标签但是各大浏览器对这个标签的支持也非常不错,而且效果也非常不错什么是标签作用跑马灯格式内容属性为了方便看出来效果,我们添加了一段样式,一个天蓝色的方框这个标签是比较特殊的,不是html5中的新增标签 在W3C官方文档中找不到这个标签,也就是说不是官方推荐的标签 但是各大浏览器对这个标签的支持也非常不错,...

    lijinke666 评论0 收藏0
  • 实现marquee滚动效果

    摘要:横着滚动效果链接描述传奇无双传奇无双传奇无双新快币抽中新快币抽中新快币抽中新快币抽中新快币抽中新快币抽中竖着滚动效果链接描述万圣节万圣节万圣节新快币抽中新快币抽中新快币抽中新快币抽中 背景:marquee标签在有些浏览器兼容性不好,就手动用原生js实现了下。横着滚动效果链接描述 传奇无双1215 ...

    Lin_R 评论0 收藏0
  • 实现marquee滚动效果

    摘要:横着滚动效果链接描述传奇无双传奇无双传奇无双新快币抽中新快币抽中新快币抽中新快币抽中新快币抽中新快币抽中竖着滚动效果链接描述万圣节万圣节万圣节新快币抽中新快币抽中新快币抽中新快币抽中 背景:marquee标签在有些浏览器兼容性不好,就手动用原生js实现了下。横着滚动效果链接描述 传奇无双1215 ...

    姘存按 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<