1、新建两个样式表分别命名为:1024.css800.css(当然有更多分辨率,可以增加样式表)
2、在样式表中分别定义好图片作为网页背景。
3、新建一个网页文件,把下面代码复制过去。
<script language="JavaScript">
<!--
function test(){
var a=screen.width+".css"
//alert(a)
//测试变量a的值
document.getElementById("eric").href =a
}
//-->
</script>
<html>
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312">
<title>无标题文档</title>
<link href="" rel="stylesheet" type="text/css" id="eric">
</head>
<body onLoad="test()">
</body>
</html>
搞定!
哦,我理解你的意思,就类似微软件的网站背景效果对吧,一楼的回答是CSS+背景图,其实直接用CSS就可以实现的。比如你可以直接在CSS文件里定义好
body {
style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#F3D3DB,endColorStr=#FF0000)"
}