2. IT
    3. 实现鼠标点击图片随机切换

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

    xiaoxiao2021-03-25  164
    <!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>
    转载请注明原文地址: https://ju.6miu.com/read-6007.html

    技术

    最新回复(0)