用 javascript实现整个页面的背景颜色渐变
想实现一个页面背景由白到蓝的渐变效果因为要页面100%的渐变，所以不能用背景图片来实现用滤镜的话，只有IE能实现，FF没效果想想用JS不知道能不能实现？朋友们，如果你知道...
想实现一个页面背景由白到蓝的渐变效果
因为要页面100%的渐变，所以不能用背景图片来实现
用滤镜的话，只有IE能实现，FF没效果
想想用JS不知道能不能实现？
朋友们，如果你知道，请帮帮我吧，在此谢谢了！
一楼
具体怎麼写啊？
我是js菜鸟。
二楼 我不是要这种效果，我只要单纯的背景颜色渐变，看起来是一张图一样的
而且你的效果只能在IE中实现。
朋友们是要如下图这种静态效果。
三楼，我也想用图片，可是切成的图片高度是固定的啊，不能做成100%的效果啊！
a 展开
因为要页面100%的渐变，所以不能用背景图片来实现
用滤镜的话，只有IE能实现，FF没效果
想想用JS不知道能不能实现？
朋友们，如果你知道，请帮帮我吧，在此谢谢了！
一楼
具体怎麼写啊？
我是js菜鸟。
二楼 我不是要这种效果，我只要单纯的背景颜色渐变，看起来是一张图一样的
而且你的效果只能在IE中实现。
朋友们是要如下图这种静态效果。
三楼，我也想用图片，可是切成的图片高度是固定的啊，不能做成100%的效果啊！
a 展开
4个回答
展开全部
有人用 javascript 写了一个：
http://slayeroffice.com/code/gradient/
我尝试了一下，效果并不算好。
其实还是用图片+CSS实现起来方便。
你只要做一根渐变的细线（垂直）图片，然后设置 CSS
html, body {
height: '100%',
width: '100%',
background: #ffffff url(img/bg.gif) repeat-x;
}
如果你用 jQuery，倒是有现成的插件，比如这个
http://www.parkerfox.co.uk/labs/gradientz
http://slayeroffice.com/code/gradient/
我尝试了一下，效果并不算好。
其实还是用图片+CSS实现起来方便。
你只要做一根渐变的细线（垂直）图片，然后设置 CSS
html, body {
height: '100%',
width: '100%',
background: #ffffff url(img/bg.gif) repeat-x;
}
如果你用 jQuery，倒是有现成的插件，比如这个
http://www.parkerfox.co.uk/labs/gradientz
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
博思aippt
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员，对于Word文档生成PPT的操作，我们有以下建议：1. 使用另存为功能：在Word中编辑完文档后，点击文件->另存为，选择PowerPoint演示文稿（*.pptx）格式，即可将文档内容转换为PPT...
点击进入详情页
本回答由博思aippt提供
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=big5" />
<title>???文?</title>
<script type="text/javascript">
var arr=new Array("#00FF99","#CC66FF","#FFFFFF");//在这里设置要渐变的颜色
var i=0;
function setColor(){
document.bgColor=arr[i];
i++;
if(i<arr.length){
setTimeout("setColor()",1000);
}
}
setColor();
</script>
</head>
<body id="bg">
test
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=big5" />
<title>???文?</title>
<script type="text/javascript">
var arr=new Array("#00FF99","#CC66FF","#FFFFFF");//在这里设置要渐变的颜色
var i=0;
function setColor(){
document.bgColor=arr[i];
i++;
if(i<arr.length){
setTimeout("setColor()",1000);
}
}
setColor();
</script>
</head>
<body id="bg">
test
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
html, body {
height: 100%;
width: 1000px;
background:url(a.gif) repeat-y;
}
做一条横向的细线，颜色渐变，宽度为1000px；
height: 100%;
width: 1000px;
background:url(a.gif) repeat-y;
}
做一条横向的细线，颜色渐变，宽度为1000px；
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
是这样吗？
<body bgcolor=blue style='filter:alpha(opacity=0,startx=0,starty=0,finishx=0,finishy=100,finishopacity=60,style=1)'></body>
<body bgcolor=blue style='filter:alpha(opacity=0,startx=0,starty=0,finishx=0,finishy=100,finishopacity=60,style=1)'></body>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
