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

吃猫的鱼Code

发布于 2023-02-02 10:17:26

8K0

发布于 2023-02-02 10:17:26

文章被收录于专栏：吃猫的鱼个人博客编程笔记

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

html网页滚动图片代码

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

    <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分钟

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

如有侵权请联系 cloudcommunity@tencent.com 删除

html

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

html

登录后参与评论

0 条评论

热度

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

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

html网页滚动图片代码

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐