多语言展示
当前在线:743今日阅读:167今日分享:16

HTML+JS LED滚动效果展示

走在大路上或者商业街,会看到各式各样的LED 广告,如此精美,吸引眼球的东西如何应用到互联网上呢??
工具/原料
1

HTML编辑器;

2

javascript;

方法/步骤
1

新建一个LED显示区,大致布局如下(演示用的是table布局);具体布局根据自身情况而定

2

时间显示区域用js实现动态显示或者用flash都可以,新建一个时间显示位置或者标签如: 

3

显示时间JS代码如下:

4

在内容显示区,使用MARQUEE做一些滚动设置;

5

运行效果如下:

6

代码视图:

7

源代码下载地址:http://pan.baidu.com/s/1kTBqtcr

推荐信息