LED显示屏文字滚动代码
9981
二级用户组 二级用户组
2021-08-02 09:31
楼主

Js模拟LED显示屏文字滚动特效,和大街上的LED显示屏文字滚动效果很像哦,本特效是用JS方法仿写,主要使用的是HTML的Marquee属性,有兴趣的自己改写为js版的LED屏文字滚动,跑马屏文字滚动。本效果兼容IE/火狐、Chrome等浏览器。

  1. <html xmlns="http://www.w3.org/1999/xhtml">
  2.  
    <head>
  3.  
    <title>LED显示屏文字滚动</title>
  4.  
    <style type="text/css">
  5.  
    #pmp {
  6.  
    font-family: "微软雅黑";
  7.  
    font-size: 40px;
  8.  
    color: #FF0000;
  9.  
    text-decoration: none;
  10.  
    height: 50px;
  11.  
    width: 930px;
  12.  
    border: 5px ridge #999;
  13.  
    background-color: #222;
  14.  
    padding-top: 8px;
  15.  
    padding-right: 5px;
  16.  
    padding-left: 5px;
  17.  
    }
  18.  
    </style>
  19.  
    </head>
  20.  
    <body>
  21.  
    <div id="pmp"><marquee scrollamount="3" scrolldelay="30" direction= "left" onmouseover="this.stop()" onmouseout="this.start()">热烈欢迎市领导来我公司指导工作
  22.  
    </marquee>
  23.  
    </div>
  24.  
    </body>
  25. </html>
 
最后于 2021-08-04 07:54 被9981编辑 ,原因:

 收藏 分享
最新回复 (1)
  • CF
    管理员组
    2021-08-02 12:11
    沙发

    不错,有图就更好了

    最后于 2021-08-02 16:10 被CF编辑 ,原因:
    找不到工作/(ㄒoㄒ)/~~
  • 游客
    板凳
    登录 后参与评论
返回
9981
二级用户组
主题数
帖子数
精华数