历史版本5 :JS设置动态背景/边框 返回文档
编辑时间:
内容长度:图片数:目录数:
修改原因:
1. 问题描述编辑
一般设计器里面的插入图片只能够插入png或jpg的静态图片,如果需要插入gif动图的话,在设计器里面很难完成。那么该如何添加动态背景呢?
2. 解决办法编辑
将以.gif为后缀的边框动图放在文件夹%Tomcat_HOME%\WebReport\picture下,这里的图片名为1.gif,首先要在body控件高级选项中的样式,点击标准后面的...,然后选择“图片”选项,平铺。然后再事件中添加初始化后事件,如下图所示:
注:图片需放在服务器上,url中的地址要填写图片的实际地址。
注意:如果动态背景图分辨率大小比屏幕的分辨率大小要小,那么动态背景图会平铺。
js代码如下:
setTimeout(function(){
$('.widgetBackground').css('background','url(http://localhost:8075/WebReport/picture/1.gif)');
},2000);
3. 效果展现编辑
保存后,效果如下图所示: