利用JS实现鼠标点击图片随机切换
2017-02-03 本文已影响312人
扒块腹肌
<!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>
