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   点有用喔

期待分享更多大屏精品

真心做的好

我觉得分享知识的人最美

不过楼主排版还需要再改进哦~~有利于提升阅读体验

试试新表情

请问楼主，背景的  JS  添加在什么地方啊？

“首先要在body控件高级选项中的样式”   这个在哪里？
我也没有看到 body 控件， 是直接插入背景图片的

因为以前都只做报表使用，FR仅作辅助，从没有做过图表，所以对图表不熟，经过这几天的学习，已经能够做各式图表了，动态背景也能整了。

有能力还有胸怀！

默默地点个赞，然后闪人

iShine 发表于 2017-10-17 14:12
默默地点个赞，然后闪人

默默地点个赞，然后闪人！

楼主好人

厉害了

qq是多少啊，我的qq是675065680，可以加我吗

感觉GIF对帆软是不是有版本的要求

感觉很高级了

楼主分享的不错哦

动图太酷炫了

setTimeout(function(){          $('.widgetBackground').css('background','url(http://localhost:8075/WebReport/picture/1.gif)');  },100);

setTimeout(function(){          $('.widgetBackground').css('background','url(http://localhost:8075/WebReport/picture/1.gif)');  },100);          请问在这段代码中要设置1.gif图片的宽和高，应该怎样修改JS代码？谢谢