提问
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,极速登录

JS动态背景

天狮座 实名认证 番薯互助团队 文档共创团队 互助新人、助理编辑
发表于 2017-8-22 13:35:21 | 显示全部楼层 |取消关注该作者的回复
自从我发的大屏(戳我了解)火了之后,很多人加我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  

评分

参与人数 4F豆 +296 收起 理由
dtrzj139 + 20 老太太摔倒了我都不扶,就服你
JW_Holy + 10 默默地点个赞,然后闪人
传说哥 + 100 默默地点个赞,然后闪人
兔子酱 + 166 骚年,我看好你哦

查看全部评分

此帖共有 1114 位番薯登录后查看

已有4人关注本帖

sz0916TingLiu
回复

使用道具 举报

兔子酱 社区微信达人帆软员工 管理员
发表于 2017-8-22 13:50:29 | 显示全部楼层 |取消关注该作者的回复
期待分享更多大屏精品
  • 评论

回复 支持 反对

使用道具 举报

张颖杰 社区微信达人实名认证 渐入佳境(Lv2)
发表于 2017-8-22 14:17:56 来自手机 | 显示全部楼层 |取消关注该作者的回复
真心做的好
  • 评论

回复 支持 反对

使用道具 举报

传说哥 社区微信达人实名认证 番薯互助团队 帆软员工 管理员
发表于 2017-8-22 15:45:05 | 显示全部楼层 |取消关注该作者的回复
我觉得分享知识的人最美

不过楼主排版还需要再改进哦~~有利于提升阅读体验
  收起(3)
  • 传说哥 传说哥 : 帮楼主调整了下排版{:8_198:}
    2017-08-22 15:48 评论
  • 天狮座 天狮座 : 回复 传说哥 :谢谢,这个有点编辑器用的不习惯啊
    2017-08-22 16:01 评论
  • 传说哥 传说哥 : 回复 天狮座 :嗯嗯,慢慢就习惯了~~
    2017-08-22 16:02 评论
  • 评论

回复 支持 反对

使用道具 举报

传说哥 社区微信达人实名认证 番薯互助团队 帆软员工 管理员
发表于 2017-8-22 16:35:14 | 显示全部楼层 |取消关注该作者的回复
试试新表情
  • 评论

回复 支持 反对

使用道具 举报

hbyanghua 社区微信达人实名认证 番薯互助团队 互助新人、助理编辑
发表于 2017-8-22 17:59:57 | 显示全部楼层 |取消关注该作者的回复
  • 评论

回复 支持 反对

使用道具 举报

cherishdqy 社区微信达人实名认证 番薯互助团队 文档共创团队 互助叫兽、助理编辑、VIP2
发表于 2017-8-22 18:41:20 来自手机 | 显示全部楼层 |取消关注该作者的回复
  • 评论

回复 支持 反对

使用道具 举报

迈达斯之手 番薯互助团队 互助砖家
发表于 2017-8-22 20:54:36 | 显示全部楼层 |取消关注该作者的回复
  • 评论

回复 支持 反对

使用道具 举报

yiminglian 社区微信达人实名认证 番薯互助团队 互助新人
发表于 2017-8-30 09:06:24 | 显示全部楼层 |取消关注该作者的回复
  • 评论

回复 支持 反对

使用道具 举报

@快乐有限  初学乍练(Lv1)
发表于 2017-8-30 20:47:48 | 显示全部楼层 |取消关注该作者的回复
请问楼主,背景的  JS  添加在什么地方啊?
  收起(1)
  • 天狮座 天狮座 : 在帮助文档里面搜索“动态背景”,我写的文档有详细的讲解
    2017-08-31 08:24 评论
  • 评论

回复 支持 反对

使用道具 举报

maoer8783  初学乍练(Lv1)
发表于 2017-9-2 11:23:37 | 显示全部楼层 |取消关注该作者的回复
“首先要在body控件高级选项中的样式”   这个在哪里?
我也没有看到 body 控件, 是直接插入背景图片的 编辑于 2017-9-2 11:24  
  收起(1)
  • 天狮座 天狮座 : 那你怎么直接插入图片的?
    2017-09-04 10:11 评论
  • 评论

回复 支持 反对

使用道具 举报

@快乐有限  初学乍练(Lv1)
发表于 2017-9-4 18:51:35 来自手机 | 显示全部楼层 |取消关注该作者的回复
因为以前都只做报表使用,FR仅作辅助,从没有做过图表,所以对图表不熟,经过这几天的学习,已经能够做各式图表了,动态背景也能整了。
  收起(5)
  • 天狮座 天狮座 : 加油,666
    2017-09-04 22:54 评论
  • zzydsg1989 zzydsg1989 : 回复 天狮座 :你好!JS动态背景这个只能用在表单上吗?普通的.cpt分页报表能实现吗?
    2017-09-05 22:19 评论
  • 天狮座 天狮座 : cpt上面没试过,表单上面完全可以
    2017-09-06 08:14 评论
  • zzydsg1989 zzydsg1989 : 回复 天狮座 :表单上面我按你的方法实现了,现在想在cpt上做,弄不出来{:8_213:}
    2017-09-06 09:15 评论
  • zzydsg1989 zzydsg1989 : 回复 天狮座 :谢谢回答,也可以的
    2017-09-06 10:20 评论
  • 评论

回复 支持 反对

使用道具 举报

葛智 实名认证 番薯互助团队 文档共创团队 浪迹天涯(Lv4)
发表于 2017-9-6 11:25:15 | 显示全部楼层 |取消关注该作者的回复
  • 评论

回复 支持 反对

使用道具 举报

qdmlx 社区微信达人 初学乍练(Lv1)
发表于 2017-9-13 14:58:54 | 显示全部楼层 |取消关注该作者的回复
有能力还有胸怀!
  • 评论

回复 支持 反对

使用道具 举报

iShine  初学乍练(Lv1)
发表于 2017-10-17 14:12:50 | 显示全部楼层 |取消关注该作者的回复
默默地点个赞,然后闪人
  • 评论

回复 支持 反对

使用道具 举报

iShine  初学乍练(Lv1)
发表于 2017-10-17 14:13:00 | 显示全部楼层 |取消关注该作者的回复
iShine 发表于 2017-10-17 14:12
默默地点个赞,然后闪人

默默地点个赞,然后闪人!
  • 评论

回复 支持 反对

使用道具 举报

jack.han 社区微信达人 初学乍练(Lv1)
发表于 2017-11-21 10:55:05 | 显示全部楼层 |取消关注该作者的回复
楼主好人
  • 评论

回复 支持 反对

使用道具 举报

18654346937 社区微信达人 初学乍练(Lv1)
发表于 2017-11-21 23:06:46 来自手机 | 显示全部楼层 |取消关注该作者的回复
厉害了
  • 评论

回复 支持 反对

使用道具 举报

zrh197218  渐入佳境(Lv2)
发表于 2017-11-25 20:37:54 | 显示全部楼层 |取消关注该作者的回复
qq是多少啊,我的qq是675065680,可以加我吗
  • 评论

回复 支持 反对

使用道具 举报

糕沫酱 社区微信达人实名认证 渐入佳境(Lv2)
发表于 2017-11-27 22:00:19 | 显示全部楼层 |取消关注该作者的回复
感觉GIF对帆软是不是有版本的要求
  • 评论

回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册  

本版积分规则

what a fine day
任务进行中

联系管理员@兔子酱|联系帆软|免责声明|手机版|帆软社区|Copyright © 帆软软件有限公司 ( 苏ICP备14031611号-3 )

GMT+8, 2018-12-16 17:18 , Processed in 1.083518 second(s), 210 queries , Gzip On.

返回顶部 返回列表