如何设置web背景渐变效果?

网页产生渐变效果不一定非要什么FLASH其实原理非常简单，META标签中就带有动态滤镜的功能。本站的这种效果其实就是用了meta标签而没有做其他任何修改。

你可以把以下这两段加到你的HTML的META头中，再看看效果：-）

<Meta http-equiv="Page-Enter" Content="blendTrans(Duration=0.5)">

<Meta http-equiv="Page-Exit" Content="blendTrans(Duration=0.5)">

blendTrans其实就是一种动态滤镜效果，当然还有其他的方法也可以产生这种动态滤镜效果

<Meta http-equiv="Page-Enter" Content="revealTrans(duration=x, transition=y)">

<Meta http-equiv="Page-Exit" Content="revealTrans(duration=x, transition=y)">

Duration表示滤镜特效的持续时间(单位：秒)

Transition　滤镜类型。表示使用哪种特效，取值为0-23。

0 矩形缩小

1 矩形扩大

2 圆形缩小

3 圆形扩大

4 下到上刷新

5 上到下刷新

6 左到右刷新

7 右到左刷新

8 竖百叶窗

9 横百叶窗

10 错位横百叶窗

11 错位竖百叶窗

12 点扩散

13 左右到中间刷新

14 中间到左右刷新

15 中间到上下

16 上下到中间

17 右下到左上

18 右上到左下

19 左上到右下

20 左下到右上

21 横条

22 竖条

23 以上22种随机选择一种

Tags: 资料存档, 有意思

页面上实现渐变背景有两种方法，一种是用背景图片，一种是用代码

如果渐变是自上而下的，并且渐变的顶部还想再加幅图，如果你需要让这幅图和渐变背景色的过渡平滑自然。那么，用背景图片比较适合你的要求

把渐变部分，切成宽为1像素，高为渐变全部高度。假定存为"bg.gif"

将这个bg.gif作为网页BODY区的背景图，并且设计背景图横向重复平铺。（注意的是，不要有纵向重复）

---