【笔记html】记录html网页滚动图片代码

2023-02-02 10:17:26 浏览数 (1)

2022年8月25日00点58分 在写一个前端项目的时候遇到一个比较,个人不常用的html代码。记录一下,方便下次调用。 访客有需要也可以自行拿走!

html网页滚动图片代码

实现网页中图片滚动效果 direction 实现调整滚动方向:left,right,up,down。 marquee中的height,weight实现调节滚动区域范围大小 scrollamount为图片滚动速度,数值越大,滚动越快

代码语言:javascript复制
    <div class="mdui-drawer" id="content-drawer">
        <marquee direction=up height=80% scrollamount=10 scrolldelay=90 width=100%> 
<img border=0 width=100% src="图片地址"> <br>
<img border=0 width=100% src="图片地址"><br>
<img border=0 width=100% src="图片地址"><br>
<img border=0 width=100% src="图片地址"><br>
<img border=0 width=100% src="图片地址"><br>

</marquee>

    </div>

本文共 128 个字数,平均阅读时长 ≈ 1分钟

0 人点赞