提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

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

网页笔记HTML代码 记录 图片 滚动
2023-06-13 09:16:49 时间

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

相关文章