<!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=utf-8" />
<title>无标题文档</title>
</head>
<body>
<div id="s" onclick="cc()" style="background-image:url(Images/01.gif); height:200px; width:200px;"></div>
<script>
function cc(){
var x=document.getElementById("s");
var n=Math.ceil(Math.random()*10-1);
x.style.backgroundImage="url(Images/0"+n+".gif)";
}
</script>
</body>
</html>
方法二
<html>
<head>
<style type="text/css">
#dv1{background:url(1.gif) no-repeat; width:200px; height:200px}
#dv{width:150px; height:150px;border:#f2f2f2 solid 1px;}
</style>
<script type="text/javascript">
function ol()
{
var mc = Math.round(Math.random()*2)+1;
var d = document.getElementById("dv");
d.style.background = "url("+mc+".gif) no-repeat";
document.bgColor="#e3d4d4";
}
</script>
</head>
<body onload="ol()">
<div id="dv"></div>
</body>
</html>
这样行吗