JS动态背景

楼主
让数据起飞
自从我发的大屏(戳我了解)火了之后,很多人加我QQ微信问我,你的动态背景咋搞的啊那么好看,怎么添加动态背景啊,我也想要这个动态背景图片。以下,我一一作答。

1:动态背景图哪来的?
答:自己在网上找的视频资源,用AE渲染然后剪取一部分,然后保存为合适的分辨率,再处理,转格式为GIF动图,控制大小就得到那个流星星空背景。(你们阔以试试)

2:你的模板和图片怎么不让下载了?
答:现在本人还在做这个项目,之前那个模板是初期的还没做好,再加上之前因为帆软宣传力度过大推动到领导看到了,然后就下架了。。。等这个大屏完工之后再给大家分享吧。


3:写什么代码能够让它遇到这个动图啊?
答:先添加一张动态的背景图片,然后在初始化里加js:
  1. setTimeout(function(){
  2.         $('.widgetBackground').css('background','url(http://localhost:8075/WebReport/picture/1.gif)');
  3. },100);
复制代码

(注意url里面的路径)cherishdqy妹子大神教我的。


4:怎么大屏怎么做得那么好看的?

答:http://bbs.fanruan.com/thread-94898-1-1.html  这个地方有总结,小弟不才,没这么会写会说。


5:能不能教教我啊?
答:阔以,但是要有时间,我也不是叫兽级别,互相学习。有啥想问的还是加QQ,聊微信,上班族都在呢,不在就是有事开会了。

还有什么问题阔以直接留言,或着直接找我,俺都会一一答复。


PS:模板的话,之后会修改修改给大家,但是要等到做完之后了。
然后大家用到动态背景的话,希望大家在这个帮助文档上面点个赞http://help.finereport.com/doc-view-2125.html   点有用喔



编辑于 2017-8-23 10:07  
分享扩散:
参与人数 +5 F豆 +306 理由
微凉≈ + 10 太棒了,给你32个赞,么么哒
dtrzj139 + 20 老太太摔倒了我都不扶,就服你
JW_Holy + 10 默默地点个赞,然后闪人
传说哥 + 100 默默地点个赞,然后闪人
兔子酱 + 166 骚年,我看好你哦

查看全部评分

沙发
发表于 2017-8-22 13:50:29
期待分享更多大屏精品
板凳
发表于 2017-8-22 14:17:56
来自手机
真心做的好
地板
发表于 2017-8-22 15:45:05
我觉得分享知识的人最美

不过楼主排版还需要再改进哦~~有利于提升阅读体验
5楼
发表于 2017-8-22 16:35:14
试试新表情
6楼
发表于 2017-8-22 17:59:57
7楼
发表于 2017-8-22 18:41:20
来自手机
8楼
发表于 2017-8-22 20:54:36
9楼
发表于 2017-8-30 09:06:24
10楼
发表于 2017-8-30 20:47:48
请问楼主,背景的  JS  添加在什么地方啊?
11楼
发表于 2017-9-2 11:23:37
“首先要在body控件高级选项中的样式”   这个在哪里?
我也没有看到 body 控件, 是直接插入背景图片的 编辑于 2017-9-2 11:24  
12楼
发表于 2017-9-4 18:51:35
来自手机
因为以前都只做报表使用,FR仅作辅助,从没有做过图表,所以对图表不熟,经过这几天的学习,已经能够做各式图表了,动态背景也能整了。
13楼
发表于 2017-9-6 11:25:15
14楼
发表于 2017-9-13 14:58:54
有能力还有胸怀!
15楼
发表于 2017-10-17 14:12:50
默默地点个赞,然后闪人
16楼
发表于 2017-10-17 14:13:00
iShine 发表于 2017-10-17 14:12
默默地点个赞,然后闪人

默默地点个赞,然后闪人!
17楼
发表于 2017-11-21 10:55:05
楼主好人
18楼
发表于 2017-11-21 23:06:46
来自手机
厉害了
19楼
发表于 2017-11-25 20:37:54
qq是多少啊,我的qq是675065680,可以加我吗
20楼
发表于 2017-11-27 22:00:19
感觉GIF对帆软是不是有版本的要求
21楼
发表于 2018-2-2 17:33:55
感觉很高级了
22楼
发表于 2018-2-2 17:46:48
楼主分享的不错哦
23楼
发表于 2018-2-2 17:47:20
动图太酷炫了
24楼
发表于 2018-5-11 21:34:50
setTimeout(function(){          $('.widgetBackground').css('background','url(http://localhost:8075/WebReport/picture/1.gif)');  },100);
25楼
发表于 2018-5-11 21:35:59
setTimeout(function(){          $('.widgetBackground').css('background','url(http://localhost:8075/WebReport/picture/1.gif)');  },100);          请问在这段代码中要设置1.gif图片的宽和高,应该怎样修改JS代码?谢谢
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

返回顶部 返回列表