深圳市金黑网络技术有限公司始终坚持以用户需求为导向,提供安全、稳定、高效的产品和服务!
签到 · 搜索导航 · 服务热线 · 微信/手机:17817817816

深圳网站建设

查看: 1144|回复: 0

深圳网页设计之文字滚动特效代码

[复制链接]

UID
1
贡献
844
金币
1540
主题
520
在线时间
333 小时
注册时间
2022-1-15
最后登录
2024-11-12
QQ
发表于 2022-2-8 17:28:08 | 1144 | 0 | 显示全部楼层 |阅读模式
深圳网页设计之文字滚动特效代码
  1. <html>
  2. <head>
  3.         <title>我的第一个页面</title>
  4. </head>
  5. <body>
  6.         <marquee behavior="scroll" direction="up" height="30" style="overflow:hidden;" scrollamount="1" width="300" onMouseOver="stop()" onMouseOut="start()">
  7.                 深圳市金黑网络技术有限公司<br />
  8. 网站建设,系统开发,小程序公众号开发<br />
  9.         </marquee>
  10. </body>
  11. </html>
复制代码
代码运行效果如图所示:
深圳网站建设.jpg

属性说明:
direction:方向
up:上   down:下   left:左    right:右
scrollamount:滚动速度-----------------scroll:滚动   amount:数值
width:宽度   height:高度
onmouseover:当鼠标移上去
onmouseout:当鼠标离开
stop():停止
start():开始
behavior:
scroll  循环滚动
alternate  来回滚动
slide  滚动一次停止

楼主热帖

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

快速回复 返回顶部 返回列表