代码如下:
<!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" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>Document</title> <style> *{ margin: 0px; padding: 0px; } body{ background-color: #eee; height: 1000px; } img{ border: none; } #div{ height: 600px; width: 100%; overflow: hidden; } </style> <script type="text/javascript"> window.onload=function(){ var n = 4; function randomPic(){ var pic = document.getElementById("div").getElementsByTagName('img')[0]; var num = Math.ceil(Math.random()*4); pic.src = "QQskinBg0"+ num +".jpg"; } randomPic(); } </script> </head> <body> <div id="div"> <img src="QQskinBg02.jpg" alt="" /> </div> </body> </html>
实现刷新页面的时候图片路径随机变换以达到效果。