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

来源:互联网 发布:如何快速组建淘宝团队 编辑:程序博客网 时间:2024/05/08 07:13
<!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>
0 0
原创粉丝点击