随机更换图片

代码如下:

<!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>

实现刷新页面的时候图片路径随机变换以达到效果。

高否?富否?帅否? 否? 滚去学习!
原文地址:https://www.cnblogs.com/baixc/p/3441524.html