想实现一个页面背景由白到蓝的渐变效果
因为要页面100%的渐变,所以不能用背景图片来实现
用滤镜的话,只有IE能实现,FF没效果
想想用JS不知道能不能实现?
朋友们,如果你知道,请帮帮我吧,在此谢谢了!
我只要单纯的背景颜色渐变,看起来是一张图一样的靜態效果。
因为要页面100%的渐变,所以不能用背景图片来实现
用滤镜的话,只有IE能实现,FF没效果
想想用JS不知道能不能实现?
朋友们,如果你知道,请帮帮我吧,在此谢谢了!
我只要单纯的背景颜色渐变,看起来是一张图一样的靜態效果。
用jQuery插件怎麼寫?
我不懂jQuery這個。
<HTML>
<head>
<title>sample</title>
<script language="JavaScript">
var c="FFF";
window.onload=function (){
setInterval(setColor,100);
}
function setColor(){
document.body.style.background="#"+c;
c=parseInt("0x"+c);
if(c==0){
c="FFF";
}else{
c=(c-1).toString(16)
}
document.getElementById("txt1").value=c;
}
</script>
</head>
<body>
<input type=text id=txt1>
</body>
</html>
不是要這種動的效果
就是相當於做一張漸變的圖片一樣的。
{
filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#f2f2f2, endColorStr=#dbdbdb, gradientType=0);
}这个css只能用于IE
<div id="div1"></div>
<script language="JavaScript">
// FFFFFF
// 0000FF
var Timer = 0;
window.onload=function (){
setInterval(setColor,1);
}
function setColor(){
var RGB;
var temp;
if(Timer<256) temp = Timer;
else if(Timer>=256&&Timer<512) temp = 511-Timer;
RGB = (temp.toString(16)).length == 1 ? "0"+temp.toString(16) : temp.toString(16);
document.getElementById("div1").innerHTML = "#"+ RGB + RGB + "ff";
document.body.style.background="#"+ RGB + RGB + "ff";
Timer ++;
if(Timer==512) Timer = 0;
}
</script>
position:absolute;left:0;top:0;z-index:-1;
然后用 js 控制图片宽高与页面宽高相同
最外面一个DIV背景图片放置白--蓝的纵向渐变图片X方向平铺