如何在网站上制作动态背景图片?

时间:2013-01-10 18:15:18

标签: javascript css html5 css3

我不想在网站上制作动态背景图片。我想改变大小changemarks.com

请告诉我从哪里开始?

3 个答案:

答案 0 :(得分:1)

看看jQuery动画/效果:http://docs.jquery.com/Effects/animate

动态设置背景的大小:

<div style="width:100%; height:100%; background: url(urlhere) no-repeat 100% 100%"></div>

答案 1 :(得分:0)

该背景实际上是一个幻灯片放映,用于填充整个窗口。您可以使用大量免费的幻灯片JavaScript库。

使用jQuery动画编写自己的动画来淡入和淡出动画中的每个连续图像也很简单。

答案 2 :(得分:0)

我建议使用Twitter Bootstrap

它们为您提供了一个框架,用于将CSS设置为静态或响应式。如果您希望在窗口调整大小时图像更改大小,那么您需要“响应”,它基本上使用CSS媒体查询和其他逻辑在视口达到最小大小时执行某些功能。

Check out responsive design here

它还使布局更加简单,因为它为您提供了对齐数据的列。