利用JS实现鼠标点击图片随机切换

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>点击切换图片</title>
<!--    网页上显示一张图片，当用户点击该图片的时候，切换另一张图。
    (可以搞4 或 6张图片，
    用户点击的时候随机切换
    或者
    用户点击的时候 切换到下一张图片)-->
    <script type="text/javascript">

        function changePic()
        {
            //随机产生1-6随机数
            var num = Math.ceil(Math.random()*6);
            //修改src路径
            document.getElementById("p").src =  num + ".jpg";
        }

    </script>
</head>
<body>
<p align="center"><img  src = "1.jpg" id = "p" width="400px" height="300px" onclick="changePic()"/></p>
</body>
</html>
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容