当前位置:首页 » 背景图片 » 动态背景图片
扩展阅读
灯笼手机摄影图片大全 2024-10-22 08:08:22
视频漫画图片素材 2024-10-22 08:08:18

动态背景图片

发布时间: 2022-01-23 19:30:04

A. 怎么用js或者css来设置动态局部背景图片(急,急,急!)

<style>
.bgwhite{background-color:white;border:none}
.bgchange{background-color:yellow;border:1px solid blue}
</style>

<div id="div1" onmouseOver="this.className='bgchange'" onmouseOut='this.className=''bgchange'>家居街 百诚家电 整体厨房 卫浴瓷砖 集成吊顶 地板地暖 门窗楼梯 整体家具 油漆涂料</div>

说明:主要用onmouseOver和onmouseOut来控制这个DIV的样式

还有不懂的可以HI我

B. 找一些动态背景

网络空间代码模板
http://link.265.com/sites/site_22939.html
网络空间如何设定+固定空间背景
http://www.im811.com/blog/index.php?id=184
这里要用到一个新的CSS参数,就是背景透明的参数,我会在下面详细说的
要设定一个不懂得背景,首先要找一个自己满意的图片,一般找一个1024*782的壁纸比较好,网络的图片搜索理由提供壁纸搜索的,到哪里搜索可以找到不少呢,hoho~~
找到图片后,最好把图片保存下来,然后上传到网络空间的相册里,这样比较安全,以免搜索到的图片链接过期失效,在得到图片地址后,我们就可以正式开始开工了
其实步骤也不错,也不难
首先在body{}中加入
background-image:url(#图片地址) no-repeat; 定义背景图片,no-repeat是让背景图片不重复
background-position: center; 定义背景居中
background-attachment: fixed; 定义背景固定,不滚动,这个就是关键参数fixed
好啦,背景定义好了,预览看一下,却发现基本看不到背景,为什么?因为网络空间的样式中还有别的背景,比如标题栏上的背景图片等
所以我们要把标题栏他们的背景给去掉
在header{}中加入background:transparent 这个参数的作用是使背景透明
并把其中原来的background:url(……)……;等设置都删除掉
接着到#header div.rc{}以及.stage{}中做同样的设置,即可达效果了,再看看,是不是能够看到设定的背景了
嘿嘿~~
如果觉得其他模块的背景也很碍眼的话,只要照着上面的方法设置了即可了,不过有的是设置背景色的,那么只要把background-color:……;删掉然后再+上background:transparent就可以了

C. HTML怎么用动态图片做背景

你好,方式有很多哦,随便列举3种方式:

  1. 使用本身就是动态变化的(gif)作背景。但是gif图不仅要求图片长宽大,而且清晰度也要高。

  2. 使用几张图片,用javascript每隔一段时间刷新背景图片的url地址为每一张图片。

  3. 使用HTML5 动画技术。

D. ppt的背景图片如何设置动态图片

1.想要制作精美的PPT动态背景的话,你首先需要有一定的素材,包括一张图片作为PPT背景,例如下面我用一个蓝天大海为静态的背景图片做出一个动态效果,PPT如何设置背景图片:右击幻灯片→填充→图片或纹理填充→插入自“文件”→选择图片插入:
2.我制作的动态背景是要让蓝天大海的背景有船划过还有海鸟飞过,让PPT这张背景图片活起来,插入海鸟跟船只的图片,这里提醒最好插入的图片为背景透明的图片,让与原PPT背景素材融合得更好哦,点击“插入”的“图片”插入ppt背景素材:
3.现在来设置如何让我们的PPT背景动起来呢?先设置PPT原本的背景图片有动画效果,这里作为一张PPT背景图片,需要对PPT设置“切换效果”,点击菜单项“切换”的“切换方案”,选择一个“切换方案”里面的“切换方案”,例如“蜂巢”:
4.之前的切换效果只是让PPT背景图片出来,现在我们继续设置其他PPT背景素材的动态出现,例如,设置两个帆船从远到近划过来,点击帆船的图片,然后点击菜单项“动画”(幻灯片自定义动画)→“添加动画”→“进入”的“缩放效果”,设置帆船动画的开始时间为“与上一动画同时”,持续时间为5秒,然后预览下效果,是否效果从远到近出现呢?
5.紧接着来设置海鸟飞过海面的动画,点击海鸟的图片,同样点击“添加动画”→“动作路径”→“弧形”,这个时候“海鸟”的图片就有了一个弧形的动画路径:
6.完善海鸟飞的动画:点击海鸟图片弧形的动作路径红色剪头的一头,把弧形拉长到跨越整个PPT幻灯片,然后设置动画的“计时”的开始为“与上一动画同时”,持续时间同样为5秒:

7.现在海鸟跟帆船的动画都设置好了,你可以预览下效果啦,点击“动画”的“预览”按钮,因为我们设置了海鸟跟帆船的动画开始时间均为“与上一动画同时”,所以它们的ppt动画效果一起播放:

E. 怎么添加动态背景图片

恩,今天luna给我留言说FLASH水珠是怎么做的,那好吧,我就把FLASH水珠还有北京奥运倒计时还有最近更新的BLOG代码以及制作的方法告诉大家吧:
1.水珠代码:
<DIV><EMBED
style="LEFT:
0px;
POSITION:
absolute;
TOP:
10px"
align=right
src=http://imgfree.21cn.com/free/flash/27.swf
width=600
height=400
type=application/x-shockwave-flash
wmode="transparent"
quality="high"
;></EMBED></DIV>
注意:在上面的src=到width=600中间是FLASH水珠的地址,我已经写在上面了,点击鼠标的左键复制的时候就可以看到了.
参数说明:
代码中left:
为从左向右移的位置,top:
为从上向下移的位置;width="800"和height="600"分别为flash的宽和高,这些参数用来指定FLASH的位置和范围大小!其数据可根据自己的需要而随意更改!
制作方法以及具体的步骤:
进入“控制面板”——首页内容维护——自定义空白面板——新增——勾选“显示源代码”(这个是关键)——在编辑区粘贴以上代码(字体必须为默认字体样式,颜色为黑色,不要擅自添加任何字体特效)----点保存-------定制我的首页------添加模块-------勾选你设定的名称-----
选取-------保存设置就可以了

F. 关于网页图片,如果在背景图片中插入动态图片

通过表格或者是Div来定位就行了
光从你图片上显示的区域来看
需要插入一个两行五列的表格
<table>
<tr>
<td colspan="5" height="用ps或者是其他的图片处理软件测下高度"></td>
</tr>
<tr>
<td width="用ps或者是其他的图片处理软件测下高度(距离黑图片的最左边距离)"></td>
<td width="黑衣服的宽度"><img src='需要方式的图片路径'></td>
<td width="两衣服之间的宽度"></td>
<td width="黄衣服的宽度"><img src='需要方式的图片路径'></td>
<td></td>
</tr>
</table>

G. JS的动态背景图片

$(function(){
varnum=0,y=0;
functiontime(){
num+=80;
if(num>400){
num=0;
}
$("#fav-icon").css("background-position",num+'px'+y+"px");
};

$(".fav").hover(function(){
inte= setInterval(time,500);
},function(){
clearInterval(inte);
$("#fav-icon").css("background-position",0+'px'+0+"px");
});
});

H. 怎么制作动态背景或图片

你可以使用Ulead GIF Animator 5
以下是产品介绍和使用方法

Ulead GIF Animator 是一个简单、快速、灵活,功能强大的GIF 动画编辑软件,让你的主页动起来。同时,也是一款不错的网页设计辅助工具,还可以作为Photoshop 的插件使用,丰富而强大的内制动画选项,让我们更方便地制作符合要求的GIF 动画。它是Ulead (友立)公司最早在1992 年发布的一个动画GIF 制作的工具,直到2001 年4 月3 号,Ulead 公司又推出了Ulead GIF Animator 5.0 的最新版本。

Ulead GIF Animator 5.0 作为Ulead GIF Animator 家族的最新成员,功能上的更加强大是显而易见的。使用它作出GIF 动画再也不仅仅是传统观念上的256 色了,而是允许我们在真彩色环境下,制作出色彩斑斓的动画;功能更强的工具和更为灵活的工作环境,也使我们的动画制作愈显轻松。

基础教程

创建醒目动画的三个快速步骤

GIF 动画与其它动画形式没有本质的区别。它是将两个或多个图片按一定的方式排列,从而产生运动效果。这中醒目的动画可以吸引注意力,将您的客户或访问者带到您想要他们去的地方。您可以用 GIF Animator,通过三个步骤来实现这个目的:

· 步骤 1:创建/选择图像(也叫,层面)
· 步骤 2:插入图像
· 步骤 3:优化您的动画在您完成下列教程后,您看到的结果是:

步骤 1:创建/选择图像:

如果您有艺术天赋,那么请随意创建您的图像。如果您没有艺术天赋,那么可以用我在下面提供的几个青蛙图:

您首先要将这些图像保存到一个您便于找到的文件夹中。如果您按查看的次序保存它们,可以使您在 GIF Animator 中的操作更方便。另外,按它们的次序来为它们命名也是有益的。(例如,frog1.gif、frog2.gif,等等)。在本例中,您可以从右边的一个青蛙开始。将它保存到文件夹中的方法:

· 右击图像。
· 选取“图片另存为”
· 创建一个文件夹或将它放入一个已有的文件夹内。
· 为它命名 (frog1)
· 在“文件类型”框中,应该显示 GIF (*.gif)。如果未显示,请单击下拉箭头,选取 GIF。
· 单击“确定”。对所有 5 个图像重复该步骤。

步骤 2:插入图像:

按图像在动画中出现的次序进行选取。在本例中,我们就按此次序 (如 Frog1、Frog2,等等)。您可以通过三个方法实现该操作:

· 单击“层面 / 插入图像”
· 单击标准工具栏上的“插入图像按钮”。
· 按 Insert 键在您插入了所有的图像之后,您可以在“层面窗格”中单独查看每个图像。用屏幕左边的方框。“层面窗格”上方有三个选项卡。单击这些选项卡,可以以不同的方式查看层面(请记住,这是图像的另一个名称)。如果您想在文档框中查看特定的层面,在“层面窗格”中单击它,它就可以显示出来了。(您还可以用“编辑模式”,来改变您的层面,但我们先不谈这些内容。)您的图像层面将按您希望的次序排列。现在,对您的动画进行优化吧...

步骤 3:优化您的动画:

“优化”选项可以让您简单地将动画保存成更小的文件,而不损失图像质量。现在请试着保存您的动画。程序将问您是继续还是中止,请按“中止”。GIF Animator 让您了解您所创建的文件可以被优化。要实现该操作:

· 单击文档区上方的“优化”选项卡。
· 单击“立刻优化”按钮。保存动画,完成。您想看一下结果吗?请按文档区上方的“预览”选项卡。它看上去象此图吗?