您的位置:首页 > 教育专区 > 教育相关 >
如何用脚本将时间用LED灯效果展示
时间:2016-12-13 12:42来源:文库分享网 作者:wkfxw.com 点击:

我们在做网站的时候可能会遇到一些数字或时间需要用LED灯的效果进行展示,那我们该怎么做呢

www.wkfxw.com,免费收集整理


工具/原料

jquery.min.js

jquery.classyled.min.js

raphael.js

方法/步骤

首先下载所需脚本

如何用脚本将时间用LED灯效果展示

然后在html文件中引入所需脚本,如图所示

如何用脚本将时间用LED灯效果展示

现在就可以创建一个简单的LED时间效果了,在body中添加如下代码,先创建一个dom容器,然后通过id值将效果添加上

如何用脚本将时间用LED灯效果展示

然后在浏览器中打开预览,效果如下

如何用脚本将时间用LED灯效果展示

当然LED效果不止这一种,脚本文档中给出了各参数的具体值,按需修改成自己需要的即可

如何用脚本将时间用LED灯效果展示

注意事项

要确保脚本引入正确

jquery.classyled.min.js是依赖于jquery,所有jquery要在jquery.classyled.min.js之前引入

0%
(0)
0%
(0)
最新评论
选择评论类型:
验证码:点击我更换图片

关于我们 | 信息反馈 | 网站地图 |文库提交