源码论坛公告:本站是一个交流学习建站资源的社区论坛,旨在交流学习源码脚本等资源技术,欢迎大家投稿发言! 【点击此处将锦尚放在桌面

源码论坛,商业源码下载,尽在锦尚中国商业源码论坛

 找回密码
 会员注册

QQ登录

只需一步,快速开始

查看: 5423|回复: 0

[CSS/Html] HTML使用Marquee实现文字走马灯滚动效果

[复制链接]

3123

主题

3525

帖子

14万

金币

超级版主

Rank: 8Rank: 8

积分
287186
发表于 2023-2-11 19:25:47 | 显示全部楼层 |阅读模式


使用Marquee属性结合DIV实现一个符合W3C标准的文字滚动效果,这里你只需赋给marquee一个id就可以控制文字了。

案例如下:

<div class="scroll">
<marquee id="scrollText" οnmοuseοver="scrollText.stop();" οnmοuseοut="scrollText.start();" scrollAmount="2" direction="left" >

锦尚中国源码论坛提供更多的建站资源与素材。欢迎您经常来逛逛,看看我们一直在努力。

</marquee>
</div>

然后为类名为scroll的div写个样式,让它出现在页面中的指定位置就好了!

好了,以上就是锦尚中国关于HTML使用Marquee实现文字走马灯滚动效果的方法说明,更多的资源与素材可以搜索源码论坛的其余相关内容!



您需要登录后才可以回帖 登录 | 会员注册

本版积分规则

锦尚中国源码论坛

聚合标签|锦尚中国,为中国网站设计添动力 ( 鲁ICP备09033200号 ) |网站地图

GMT+8, 2024-12-15 06:36 , Processed in 0.145496 second(s), 25 queries .

带宽由 锦尚数据 提供 专业的数据中心

© 锦尚中国源码论坛 52jscn Inc. 非法入侵必将受到法律制裁 法律顾问:IT法律网 & 褚福省律师 锦尚爱心 版权申诉 版权与免责声明